微信小程序将view/画布canvas生成图片

背景

最近在做一个图片编辑的小程序,就是在一张图片上,放一些小装饰(图片),通过监听手势和使用CSS的transform实现移动和缩放。

问题

但是遇到一个问题,就是如何将图片加上面的小装饰作为一个整体的图片保存起来呢?
在网上搜索好久,看到有的思路是将view写入画布,但是并没有解决方法。如果将图片直接写入画布,那么有如何做到缩放和移动呢,求教各位大佬

就用canvas就可以呀,wx.canvasToTempFilePath这个可以把画布保存到成图片,至于你说的缩放,canvas一样支持触摸的那些的方法呀

canvas就是一张画布,不像svg各个要素都是一个标签,canvas的事件处理都是绑定在画布上,通过判断条件来处理事件。
比如画布上有一个圆,点击圆的事件就是判断鼠标点击的位置是不是在圆内(根据圆的中心点到鼠标位置是不是小于圆的半径)。

如果只是想保存图片的话,可以网上找下插件,如 html2canvas ,会把html转成canvas在保存为图片。

说一点 ,如果图片涉及到跨域,那么所有canvas的思路都不能实现,因为涉及到跨域污染。