Flutter图片添加水印功能

题记
—— 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天。

重要消息

  • 网易云【玩转大前端】配套课程

  • EDU配套 教程

  • Flutter开发的点滴积累系列文章


公众号 我的大前端生涯

在这里采用的实现思路是使用层叠布局Stack加载图片以及水印部分,水印部分可能是一个现成的图片也可能是一个文字等其他样式的组件,然后将这个Stack使用RepaintBoundary组件包裹起来,然后通过Widget生成图片的功能从而达到实现保存图片为水印效果。

如图下图所示,加载的本地资源目录下的一张图片,点击右上角的对勾然后将图片与右下角的文字合面一起生成一张新图片保存在手机目录存储中。

Flutter图片添加水印功能_第1张图片
然后在Android Studio控制台中输入的日志如下:

flutter: 保存的图片地址为/Users/

你可能感兴趣的:(flutter,从入门,到精通,flutter图片水印,flutter保存图片,widget保存为图片)