使用Canvas绘制网络图片的问题

微信公开课小程序热门讨论关于「使用Canvas绘制网络图片的问题」的小程序开发问题
补充:使用Canvas绘制网络图片的问题
展开:使用Canvas绘制网络图片在模拟器上可以显示，在真机上不显示Page({** *页面的初始数据 *data:{hidden:true},** *生命周期函数监听页面加载 *onLoad:function(options){vargiftName=optionsgiftNamevarcoverImage=optionscoverImagevarjoinedCount=optionsjoinedCountvargiftId=optionsgiftIdconsolelog(giftName+==+coverImage+==+joinedCount+==+giftId)letpromise1=newPromise(function(resolve,reject){wxgetImageInfo({src:coverImage,success:function(res){resolve(res);}})});letpromise2=newPromise(function(resolve,reject){wxgetImageInfo({src:imgqrbgpng,success:function(res){resolve(res);}})});Promiseall([promise1,promise2])then(res={consolelog(res[0]path)constctx=wxcreateCanvasContext(shareImg)主要就是计算好各个图文的位置ctxdrawImage(res[0]path,158,190,210,210)ctxdrawImage(+res[1]path,0,0,545,771)ctxsetTextAlign(center)ctxsetFillStyle(ffffff)ctxsetFontSize(22)ctxfillText(分享文字描述1,5452,130)ctxfillText(分享文字描述2,5452,160)ctxstroke()ctxdraw()})},** *生成分享图 *share:function(){varthat=thiswxshowLoading({title:努力生成中})wxcanvasToTempFilePath({x:0,y:0,width:545,height:771,destWidth:545,destHeight:771,canvasId:shareImg,success:function(res){consolelog(restempFilePath);thatsetData({prurl:restempFilePath,hidden:false})wxhideLoading()},fail:function(res){consolelog(res)}})},** *保存到相册 *save:function(){varthat=this生产环境时记得这里要加入获取相册授权的代码wxsaveImageToPhotosAlbum({filePath:thatdataprurl,success(res){wxshowModal({content:图片已保存到相册，赶紧晒一下吧~,showCancel:false,confirmText:好哒,confirmColor:72B9C3,success:function(res){if(resconfirm){consolelog(用户点击确定);thatsetData({hidden:true})}}})}})}})即速小程序：getImageInfo需要加域名到downloadFile白名单里哦：刚试了一下在真机上打开调试模式就可以显示图片关闭调试模式之后又不行了
更多有关「使用Canvas绘制网络图片的问题」的讨论可以前往微信公开课小程序参与互动哦！了解更多