canvas微信小程序如何导入个人微信

在小程序里，我们知道分享功能只有分慧银享到微信好友或者群，无法直接分享到朋友圈，但是我们可以生成分享图片，然后保存到相册，在发布朋友圈从相册选择图片，所以关键是如何生成需要的图片，使用canvas 画布即可实现。

canvas 是微信小程序里碧携的原生组件，相关属性及注意事项可参考小程序官方文档 。一般生成分享图片需要显示文字和相应的图片，在结合不同位置和不同大小的需求形成特定样式前慧宴的图片。

canvas简单理解成一张历哗可以自定义大肢神行小（有上限）的画布，在画布上可以写字，画瞎颂图形，放置图片。一般可以用来动态生成截图，方便用户保存和转发。

官方资料：

https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.html

这篇主要讲canvas绘制以及保存到本地相册的方法

实现功能如下：

1.用户手动输入文字，并把这些文字绘制到canvas中

2.将图片绘制到canvas中

3.将canvas变成图片并保存到本地相册中

效果如图：

第一部分 wxml

要注意写这种形式tpye='2d'，这是新版本的，旧版本的如下图已经不维护了，所以建议写这种，另外要注意id，不是写canvas-id，而只是id

第二部分 js

这么一写下来也没有什扰拍么特别卖李孝难的地方。其实还可以实现用户手动上传图片，这样可能会更有中稿趣一点

---