打工人混迹职场这么久，图片处理肯定都没少碰。不过咱大部分时候都是直接 “抄近道”，用现成的三方组件😏。主打一个会用工具，毕竟善用工具可是咱人类的 “超能力”。但总有些UI不愿意让你如意，只能自己实现

在上一篇，我们已经成功把图片按 path 绘制到 Canvas 上，也搞定了裁剪区域，这可是完成了相当关键的部分。接下来，就要实现移动图片、缩放图片以及保存图片这些功能了。

前段时间因为业务需求，需要在微信小程序里分享海报，于是在网上找到了这个方案。此处主要是搬运了网上的内容，加上我自己融合的组件的下载内容。具体如下： 第一步：下载组件 下载组件：Painter 一款轻量

在小程序界里，生成图片分享到朋友圈这个功能，是如此得光芒耀眼，以至于各个小程序都趋之若鹜地前来跪倒在她的石榴裙下。不幸的是，微信爸爸并没有提供给我们很好很便捷的相关工具；恰恰相反，屏幕截屏的功能被残忍丢进历史的垃圾桶，只留下一个Canvas组件以及围绕在其周围的深渊巨坑们。 所…

Taro 小程序引入 Painter 实现动态生成图片 前言 分享给用户一个二维码图片，这是一个很简单的功能，但因为这是小程序环境，且涉及Canvas，那就不简单了。 话不多说，搞起。

还在为如何生成一张带二维码的图片分享到朋友圈而发愁吗？快使用 Painter 吧，让图片生成6的飞起。

1. 在git网站上下载代码 将components文件夹下的p复制到小程序 新建component 文件夹下 2. 在需要生成图片的页面json文件里引用 3. 在wxml中建画布 4. 在js种写

图片的合并有很广泛的应用，例如活动海报图，需要背景图片和二维码图片。在小程序中， 前段利用canvas实现图片拼接并支持下载。

原生微信小程序使用canvas生成图片并保存到本地的一次代码优化和整理。是一次完整的需求开发过程整理。