本文介绍如何在Flutter中实现截图、涂鸦和图片保存功能。首先使用Flutter的截图Widget，结合Canvas实现用户手势实时绘制。接着讨论如何获取存储路径，以及在涂鸦完成后，将用户画作与原图合并保存。最后提到了drawLine和drawPoints在绘制连续曲线上的差异。
本文涉及的知识点：截图、图片保存、根据用户手势实时绘制canvas。
GitHub地址：https://github.com/yumi0629/FlutterUI/tree/master/lib/scrawl
先上效果图：
需求分析
这次的想法是移植自项目中的一个小功能：截屏当前页面，添加涂鸦功能后，分享给第三方APP。分享功能我们暂不讨论，使用插件可以轻松完成，重点是截屏+涂鸦+图片保存。
具体实现思路是：截取当前屏幕内容，保存至APP缓存目录，涂鸦页面再去读取文件，依然是使用CustomerPaint实现根据用户手势实时绘制，最后将用户涂鸦部分与原图片组合保存至本地。给图片加水印的实现其实就是截屏，因为截取当前屏幕内容实际上也是将Widget转化为byteData再转化为File的过程。
截屏并保存
Flutter提供了一个RepaintBoundaryWidget来实
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
