这是一个基于 Flutter 的跨平台图片标注编辑器示例,当前代码主流程覆盖从相册选图、进入编辑、绘制标注、文字输入、毛玻璃马赛克、裁剪旋转,到导出并保存到系统相册的完整链路。
项目整体偏向“微信式图片标注”体验,核心目标不是截屏式拼装,而是基于统一坐标系和统一渲染逻辑进行编辑、裁剪和导出,尽量保证编辑页、裁剪页和最终保存结果保持一致。
- 从系统相册选择图片并进入编辑页
- 提供 5 种标注工具
- 自由线
- 矩形
- 箭头
- 文本
- 毛玻璃马赛克
- 支持单指命中选中对象
- 支持拖动已选中的标注对象
- 支持拖动标注手柄进行缩放或调整
- 支持删除当前选中的标注
- 支持双指缩放和平移整张画布
- 支持颜色选择和笔触粗细调整
- 支持撤销与重做
- 支持文本原位编辑
- 支持进入裁剪页后继续旋转、还原和裁剪
- 裁剪框支持拖动四个角、四条边以及整体移动
- 拖动裁剪框时显示九宫格辅助线
- 裁剪结束后自动适配到屏幕范围
- 支持导出编辑结果并保存到系统相册
点击空白处退出提示


















评论