Component中canvas的draw回调函数无法进入

微信公开课小程序热门讨论关于「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回调函数无法进入」的讨论可以前往微信公开课小程序参与互动哦！