微信小程序生成海报显示不出来是怎么回事?

691 阅读1分钟

参考:小程序如何生成海报分享朋友圈
作者:Fundebug

开发过程上面作者写的已经很清楚了,在实践的过程中遇到一个特别坑的问题:生成的临时图片路径,在真机模式怎么调试都显示不出来,什么图片转base64啦,用了好几种方法转base64都不行,后来在下面博客中找到了解决方案

参考:小程序之--canvasToTempFilePath
作者:iV5

draw的回调函数是异步的,在调用canvasToTempFilePath方法适当的加一些时间延迟

微信小程序官方对CanvasContext.draw解释 第二个参数是绘制完成后执行的回调,但是事实是并没有执行完成,需要加一个延时才能生成正确的临时路径,代码如下:

     CanvasContext.draw(false, () => {
        //绘制完成后执行的回调函数
        // 巨坑 等一会才能获取到正确的图片临时路径
        setTimeout(_ => {
            wx.canvasToTempFilePath()
        }, 500)
      })