小程序开发canvas绘制图片第一次绘图不完整,第二次才完整

微信公开课小程序热门讨论关于「小程序开发canvas绘制图片第一次绘图不完整,第二次才完整」的小程序开发问题
补充:canvas绘制图片第一次绘图不完整,第二次才完整
展开:头像和二维码第一次点击按钮制作显示图像的时候不显示出来，点击第二次才显示出来显示名片预览thatsetData({showMyImg:true,});letctx=wxcreateCanvasContext(shareImg)letcanvasW=290letcanvasH=460letradiusR=5白背景ctxbeginPath()ctxarc(radiusR,radiusR,radiusR,1*MathPI,15*MathPI)ctxlineTo(canvasWradiusR,0)ctxarc(canvasWradiusR,radiusR,radiusR,15*MathPI,0)ctxlineTo(canvasW,canvasHradiusR)ctxarc(canvasWradiusR,canvasHradiusR,radiusR,0,05*MathPI)ctxlineTo(radiusR,canvasH)ctxarc(radiusR,canvasHradiusR,radiusR,05*MathPI,1*MathPI)ctxclosePath()ctxsetFillStyle(ffffff)ctxfill()渐变背景ctxbeginPath()ctxarc(radiusR,radiusR,radiusR,1*MathPI,15*MathPI)ctxlineTo(canvasWradiusR,0)ctxarc(canvasWradiusR,radiusR,radiusR,15*MathPI,0)ctxlineTo(canvasW,200)ctxlineTo(0,200)ctxclosePath()letgrd=ctxcreateLinearGradient(0,0,canvasW,0)grdaddColorStop(0,f39800)grdaddColorStop(1,e85b00)ctxsetFillStyle(grd)ctxfill()ctxsetGlobalAlpha(03)ctxsetFillStyle(ff3300)ctxfillRect(188,20,55,19)ctxfillRect(15,40,80,19)ctxfillRect(200,88,80,19)ctxfillRect(35,115,55,19)ctxsetGlobalAlpha(1)ctxsetFillStyle(ffffff)ctxsetFontSize(12)if(artisans_skill[0]){ctxfillText(artisans_skill[0][name],19,54)}else{ctxfillText(免费使用,19,54)}if(artisans_skill[1]){ctxfillText(artisans_skill[1][name],192,34)}else{ctxfillText(收录附近师傅,192,34)}ctxfillText(预约上门服务,25,129)ctxfillText(在线宣传,204,102)添加头像ctxbeginPath()ctxarc(canvasW2,94,45,0,2*MathPI)ctxsetFillStyle(ffffff)ctxfill()ctxsave()ctxbeginPath()ctxarc(canvasW2,94,45,0,2*MathPI)ctxsetLineWidth(3)ctxsetStrokeStyle(ffffff)ctxstroke()ctxclip()ctxdrawImage(useImageUrl,canvasW245,49,90,90)ctxrestore()ctxsetFillStyle(ffffff)ctxsetFontSize(16)ctxsetTextAlign(center)ctxfillText(thatdatausername,canvasW2,170)ctxsetFillStyle(fad699)ctxfillRect(0,200,canvasW,10)ctxsetFillStyle(fdefd9)ctxfillRect(0,210,canvasW,10)ctxsetFillStyle(ff6600)ctxsetFontSize(18)ctxsetTextAlign(center)ctxfillText(XXXXXXX,canvasW2,250)ctxsetFillStyle(555555)ctxsetFontSize(14)ctxfillText(扫描二维码就能找到我,canvasW2,280)ctxfillText(欢迎预约服务,canvasW2,300)ctxdrawImage(QrMiniPath,102,320,85,85)ctxsetFillStyle(777777)ctxsetFontSize(12)ctxfillText(长按识别二维码,canvasW2,430)setTimeout(function(){ctxdraw(false,function(){thatsaveCanvasImage();});},1000)},头像图片暂存downLoadImg:function(){constthat=this;wxgetImageInfo({src:thatdatauserInfoAvatar,success:function(res){wxsetStorage({key:userinfoImage,data:respath,});},fail:function(res){wxshowModal({title:头像获取失败或未设置,content:头像获取失败，请稍后再试,showCancel:false,})}}),useImageUrl=wxgetStorageSync(userinfoImage)},点击我的名片creatInfoCard:function(){wxshowLoading({title:生成中,})constthat=this;暂存头像setTimeout(function(){thatdownLoadImg();},1000)暂存二维码setTimeout(function(){thatdownLoadQr();},1000)开始绘制名片setTimeout(function(){thatcreatInfoCardNext();},2000)},即速小程序：能提供个代码片段吗：代码执行顺序问题，改成同步的，导出图片可以加300毫秒延时
更多有关「小程序开发canvas绘制图片第一次绘图不完整,第二次才完整」的讨论可以前往微信公开课小程序参与互动哦！