canvas制作的图片有时会变形
发布于 6 年前 作者 gaotao 3657 次浏览 来自 问答

微信小程序中的canvas画出的来图片进行预览,图1是我想要的结果,但有时会出现类似图2、图3等其他不可预测的情况,并非一直出现错误的情况,只是有时会出现,这是为什么呢?

这里是代码部分:

8 回复

导出的时候加个定时器把。应该是画布还没画完的时候,已经把图片导出来了

context.draw()
 
  setTimeout(() => {
 
     wepy.canvasToTempFilePath({
 
        canvasId: 'share_canvas',
 
        fileType: 'png'
 
      }).then((res) => {
 
        self.shareImagePath = res.tempFilePath
 
        self.saveImagePathToLocal()
 
      })
 
}, 600)

是这个意思 照着这个写就行了。

代码看看啊

麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

你在 draw 之后马上执行 canvasToTempFilePath 在真机上就是可能会出问题,需要加个 300ms 的 timeout 。我开了个 repo 来搜集这些坑,也许你可以关注下:https://github.com/Kujiale-Mobile/MP-Keng

加个延时器即可

大佬们,不要让我的帖子沉了啊

回到顶部