[已解决]canvas制作的图片有时会变形

时间：2019-05-03 来源：小程序工厂

问题模块框架类型问题类型操作系统操作系统版本手机型号微信版本
客户端微信小程序 Bug 最新最新 6.6.7

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

这里是代码部分：

微信小程序开发者回答：

给楼主安利一波
https://github.com/AfanSama/esay-canvas

微信小程序开发者回答：

赞一个

微信小程序开发者回答：

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

微信小程序开发者回答：

问题初步解决；
方案： ctx.draw(false,function(){
setTimeout(function(){
// 这里书写生成代码

},300)

})

微信小程序开发者回答：

context.draw()

微信小程序开发者回答：

加个延时器即可

微信小程序开发者回答：

setTimeout（function（）{生成处理}，200）你说的应该是这个意思吧？我的写法是 ctx.draw(false,function（）{生成处理}) , 是在画布完成之后才生成的

微信小程序开发者回答：

画的方法执行完以后加延时器

微信小程序开发者回答：

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

微信小程序开发者回答：

setTimeout（function（）{生成处理}，200）你说的应该是这个意思吧？我的写法是 ctx.draw(false,function（）{生成处理}) , 是在画布完成之后才生成的

微信小程序开发者回答：

你直接1500能不能。

微信小程序开发者回答：

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

微信小程序开发者回答：

这样跟您说吧，这些问题都是出现在线上版本，在IDE或者通过手机进行预览时斗都不能看出问题，您感觉生成代码片段之后可以发现问题吗？在我的代码中使用了几次 ctx.save()与ctx.restore(),不知道根据您的经验，这类问题于此有关吗？

微信小程序开发者回答：

代码看看啊

微信小程序开发者回答：

好的稍等

微信小程序开发者回答：

代码已经以图片的形式更新到问题当中了，欢迎指正

微信小程序开发者回答：

来个代码片段吧光看代码没看出来

微信小程序开发者回答：

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

本文网址：http://www.91bianli.com/weixinxiaochengxu/44302.html