小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信小程序中的canvas画出的来图片进行预览,图1是我想要的结果,但有时会出现类似图2、图3等其他不可预测的情况,并非一直出现错误的情况,只是有时会出现,这是为什么呢?
这里是代码部分:
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
给楼主安利一波
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(() => {
wepy.canvasToTempFilePath({
canvasId:
'share_canvas'
,
fileType:
'png'
}).then((res) => {
self.shareImagePath = res.tempFilePath
self.saveImagePathToLocal()
},
600
)
是这个意思 照着这个写就行了。
加个延时器即可
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(),不知道根据您的经验,这类问题于此有关吗?
代码看看啊
好的 稍等
代码已经以图片的形式更新到问题当中了,欢迎指正
来个代码片段吧 光看代码没看出来
大佬们,不要让我的帖子沉了啊
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
给楼主安利一波
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(() => {
wepy.canvasToTempFilePath({
canvasId:
'share_canvas'
,
fileType:
'png'
}).then((res) => {
self.shareImagePath = res.tempFilePath
self.saveImagePathToLocal()
})
},
600
)
是这个意思 照着这个写就行了。
加个延时器即可
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(),不知道根据您的经验,这类问题于此有关吗?
代码看看啊
好的 稍等
代码已经以图片的形式更新到问题当中了,欢迎指正
来个代码片段吧 光看代码没看出来
大佬们,不要让我的帖子沉了啊