本文实例讲述了微信小程序实现的canvas合成图片功能。分享给大家供大家参考,具体如下:
先要获取图片的信息 然后将需要合成的内容用canvas绘制出来,得到一个合成好的画布,接下来用 wx.canvasToTempFilePath 把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。这个时候的路径 是微信的临时路径,浏览器是访问不了的,因此需要请求服务器 用 wx.uploadFile 将本地资源上传到开发者服务器。
在页面的wxml中加入canvas组件如下:
<view class=canvasBox>
<canvas canvas-id=shareCanvas