微信公开课
微信公开课小程序热门讨论关于「Component中canvas的draw回调函数无法进入」的小程序开发问题
补充:Component中canvas的draw回调函数无法进入
展开:当前Bug的表现Component中canvas的draw回调函数无法进入，只打印了1预期表现回调函数会进入,并打印1和2复现路径见Demo提供一个最简复现Democonstcontext=wxcreateCanvasContext(xx_canvas);contextsetFillStyle(red)contextfillRect(10,10,150,100)consolelog(1);contextdraw(false,function(e){consolelog(2);dosomethingwxcanvasToTempFilePath({x:0,y:0,width:650,height:960,canvasId:xx_canvas,fileType:png,success:function(res){letpic=restempFilePath;consolelog(pic);wxpreviewImage({urls:[restempFilePath],})}});})只打印了“1”，未打印2即速小程序：Draw回调加延时换成setTimeout就好了,代码如下constcontext=wxcreateCanvasContext(xx_canvas);contextsetFillStyle(red)contextfillRect(10,10,150,100)consolelog(1);contextdraw(false,setTimeout(function(e){consolelog(2);dosomethingwxcanvasToTempFilePath({x:0,y:0,width:650,height:960,canvasId:xx_canvas,fileType:png,success:function(res){letpic=restempFilePath;consolelog(pic);wxpreviewImage({urls:[restempFilePath],})}});},300))：draw的callback函数外面包一层等待canvas渲染的时间，不同设备有部分差异，200毫秒基本都能满足：constcontext=wxcreateCanvasContext(xx_canvas,this)wxcanvasToTempFilePath也要加上第二个参数this：再读一遍API~https:developersweixinqqcomminiprogramdevapiwxcreateCanvasContexthtml
更多有关「Component中canvas的draw回调函数无法进入」的讨论可以前往微信公开课小程序参与互动哦！了解更多
方法1：微信扫描微信公开课小程序码即可订阅热门讨论「Component中canvas的draw回调函数无法进入」
方法2：微信搜索微信公开课小程序名称进入，即可订阅热门讨论「Component中canvas的draw回调函数无法进入」
方法3：微信网页访问即速商店，长按识别微信公开课小程序码即可订阅热门讨论「Component中canvas的draw回调函数无法进入」
微信公开课小程序热门讨论「Component中canvas的draw回调函数无法进入」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn，转载请注明出处。
微信公开课热门讨论「Component中canvas的draw回调函数无法进入」由微信公开课开发者向微信用户提供，并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。