微信小程序开发canvans转图片,不清晰且文字错位，这个是怎么回事，该怎么解决呢

微信公开课小程序热门讨论关于「微信小程序开发canvans转图片,不清晰且文字错位，这个是怎么回事，该怎么解决呢」的小程序开发问题
补充:微信canvans转图片,不清晰且文字错位，这个是怎么回事，该怎么解决呢
展开:当前Bug的表现预期表现复现路径提供一个最简复现DemosaveImgToPhotosAlbumTap(e){保存varobj=ecurrentTargetdatasetobj;varthat=this;varunit=thatdatascreenWidth3752canvas绘制文字和图片constctx=wxcreateCanvasContext(share);varbgImgPath=thatdatashareImgSrc;varhead_pic=objcert_picturethatsetData({ canvasHidden:false})这里很重要，主要就是布局ctxdrawImage(bgImgPath,0,0,thatdatascreenWidth,500);if(head_pic){宽度1001个百分比宽度多少*占的比例letx=thatdatawindowWidth100*44160ctxdrawImage(head_pic,x,203,50,80);}ctxsetFontSize(10)ctxsetFillStyle(000)ctxfillText(objstudent_name,thatdatawindowWidth100*2213,427)83427ctxfillText(objstudent_position,thatdatawindowWidth100*4906,427);184ctxfillText(objpark_name,thatdatawindowWidth100*7333,427);275ctxfillText(objtrain_name,thatdatawindowWidth100*24,450);90ctxfillText(objscore,thatdatawindowWidth100*2533,474);95ctxfillText(objnumber,thatdatawindowWidth100*2133,495);80ctxfillText(objcreated_at,thatdatawindowWidth100*1413,535);53ctxstroke()ctxdraw(false,function(){3canvas画布转成图片wxcanvasToTempFilePath({x:0,y:0,width:thatdatascreenWidth,height:thatdatawindowHeight,destWidth:thatdatascreenWidth,destHeight:thatdatawindowHeight,canvasId:share,success:function(res){thatsetData({shareImgSrc:restempFilePath})if(!restempFilePath){wxshowModal({title:提示,content:图片绘制中，请稍后重试,showCancel:false})}将图片保存到相册wxsaveImageToPhotosAlbum({filePath:thatdatashareImgSrc,success(res){wxshowModal({title:提示,content:确定要保存这张图片吗,showCancel:false,confirmText:确定,success:function(res){if(resconfirm){consolelog(用户点击确定);}thatsetData({canvasHidden:true})}})}})},fail:function(res){consolelog(res)}})});},即速小程序：有无出问题的示例图片和canvas截图效果
更多有关「微信小程序开发canvans转图片,不清晰且文字错位，这个是怎么回事，该怎么解决呢」的讨论可以前往微信公开课小程序参与互动哦！了解更多