小程序生成海报 canvas

微信小程序需要生成海报进行朋友圈分享,但是不同的手机会有问题,

然后首先是图片的问题

图片

在模拟器上没有报错,可是真机测试却什么也没画出来。 canvas.drawImage 是不支持网络图片的,只支持本地图片。

所以,任何的网络图片都需要先缓存到本地,(当然上线的时候需要把网络图片的前缀加入白名单里面)

再通过 drawImage 调用存储的本地资源进行绘制,

缓存可以通过 wx.getImageInfo 和 wx.downloadFile 实现

wx.getImageInfo({ src: \'https://i415454.jpg\', success: function (res) { console.log(res.width) console.log(res.path) } })

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzdpps.html