小程序canvas绘制并保存图片

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

实现功能如下：

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

2.将图片绘制到canvas中

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

效果如图：

第一部分 wxml

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

第二部分 js

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

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

详见如者孙下：

canvas使用：

index.wxml中

js中

小禅友颂程序告枝canvas生成转发图时需要canvas隐藏 不能使用 display:none hidden属性 加上后canvas不能绘图

网上的方法都试过了 都不行最后自己实现了 但是不能进行翻页，有更好的方法欢迎提供 万谢

最先试过这个方法 外层套view ,width height都设为0 模拟器生效 真机不生效

后来查到了 可通过cover-view 自定义view标签 进行遮盖

然后发现真机上 cover-view 按下后带有贺郑灰色背景 最后想直接定位到屏外 页面禁止滑动 最后成了

json中加入

最后是行了 反正页面就两按钮不需要滑动， 求更好的方法实现

---