[{"data":1,"prerenderedAt":68},["ShallowReactive",2],{"blog-\u002Fblog\u002Fwechat_mini_program_canvas_drawimage_first_argument":3},{"id":4,"title":5,"body":6,"category":53,"cover":54,"csdn":54,"date":55,"description":5,"draft":56,"extension":57,"meta":58,"navigation":59,"path":60,"seo":61,"stem":62,"tags":63,"updated":54,"__hash__":67},"blog\u002Fblog\u002Fwechat_mini_program_canvas_drawimage_first_argument.md","微信小程序 canvas drawImage() 第一个参数-坑",{"type":7,"value":8,"toc":49},"minimark",[9,13,16,19,22,25,28,37,44],[10,11,12],"p",{},"学习canvas，使用drawImage() 将图片画到canvas上。",[10,14,15],{},"最开始使用本地路径，一切ok，后来图片素材越来越多，就放到了云存储里。",[10,17,18],{},"此时如果第一个参数使用云存储-图片下载地址，调用drawImage()模拟器正常，",[10,20,21],{},"真机调试及预览 ios死活画不出来？？？？？？",[10,23,24],{},"试了一下午找到了解决方法，将云存储下载地址传入wx.getImageInfo 返回res.path 再调用drawImage()，哈哈哈哈哈啊，终于解决了。",[10,26,27],{},"还能获得图片宽高 res.width res.height。",[10,29,30],{},[31,32,36],"a",{"href":33,"rel":34},"https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fapi\u002Fmedia\u002Fimage\u002Fwx.getImageInfo.html",[35],"nofollow","微信小程序 wx.getImageInfo 文档链接。",[10,38,39],{},[40,41],"img",{"alt":42,"src":43},"在这里插入图片描述","https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F52c89fd73ea9e9b28da0ed84852934da.png",[10,45,46],{},[40,47],{"alt":42,"src":48},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002Ffbefc58d93a61b4ab76cbe66432a460c.png",{"title":50,"searchDepth":51,"depth":51,"links":52},"",2,[],"微信小程序",null,"2020-02-05",false,"md",{},true,"\u002Fblog\u002Fwechat_mini_program_canvas_drawimage_first_argument",{"title":5,"description":5},"blog\u002Fwechat_mini_program_canvas_drawimage_first_argument",[53,64,65,66],"Canvas","drawImage","wx.getImageInfo","0BquHXjcowe3FTSn4Raw3skDpmhgI9-zkppkuX9ZsXs",1793010851231]