canvas制作的图片有时会变形

发布于 7 年前作者 gaotao3832 次浏览最后编辑 7 年前来自 ask

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

这里是代码部分:

8 回复
xiuyingsun
xiuyingsun1 楼6 年前
fhou
fhou2 楼6 年前

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

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

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

bcheng
bcheng4 楼6 年前

代码看看啊

tangjing
tangjing5 楼6 年前

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

guojing
guojing6 楼6 年前

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

ping62
ping627 楼6 年前

加个延时器即可

weihao
weihao8 楼5 年前

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