参考:小程序如何生成海报分享朋友圈
作者:Fundebug
开发过程上面作者写的已经很清楚了,在实践的过程中遇到一个特别坑的问题:生成的临时图片路径,在真机模式怎么调试都显示不出来,什么图片转base64啦,用了好几种方法转base64都不行,后来在下面博客中找到了解决方案
参考:小程序之--canvasToTempFilePath
作者:iV5
draw的回调函数是异步的,在调用canvasToTempFilePath方法适当的加一些时间延迟
微信小程序官方对CanvasContext.draw解释
第二个参数是绘制完成后执行的回调,但是事实是并没有执行完成,需要加一个延时才能生成正确的临时路径,代码如下:
CanvasContext.draw(false, () => {
//绘制完成后执行的回调函数
// 巨坑 等一会才能获取到正确的图片临时路径
setTimeout(_ => {
wx.canvasToTempFilePath()
}, 500)
})