小程序canvas绘制并保存图片

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

实现功能如下：

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

2将绘制到canvas中

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

效果如图：

第一部分 wxml

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

第二部分 js

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

描述：在页面加载是使用canvasdrawImage画图，点击页面下面按钮在已绘制好的图形上继续画图。使用ctxdraw()弄了多次，均会把之前的图清掉重新绘制，看文档得知，在ctxdraw()时，传入参数true即可保存原来绘制的图，在此记录一下。

详见如下：

canvas使用：

indexwxml中

js中

以上就是关于小程序canvas绘制并保存图片全部的内容，包括:小程序canvas绘制并保存图片、微信小程序中canvas.drawImage画图、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！