[{"data":1,"prerenderedAt":71},["ShallowReactive",2],{"blog-\u002Fblog\u002Fwechat_mini_program_canvas_drawimage_first_argument":3},{"id":4,"title":5,"body":6,"category":58,"cover":59,"csdn":59,"date":60,"description":5,"draft":61,"extension":62,"meta":63,"navigation":64,"path":65,"seo":66,"stem":67,"tags":68,"updated":59,"__hash__":70},"blog\u002Fblog\u002Fwechat_mini_program_canvas_drawimage_first_argument.md","微信小程序 canvas drawImage() 第一个参数-坑",{"type":7,"value":8,"toc":54},"minimark",[9,13,16,19,22,25,28,37,44,49],[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\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F52c89fd73ea9e9b28da0ed84852934da.png",[10,45,46],{},[40,47],{"alt":42,"src":48},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Ffbefc58d93a61b4ab76cbe66432a460c.png",[10,50,51],{},[40,52],{"alt":42,"src":53},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F021d8c2e8033db5130c0e1ad9e820b04.png",{"title":55,"searchDepth":56,"depth":56,"links":57},"",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",[69],"canvas","rSe_ThzQWFWNVZaLI_fcpFtxwqAO9wcDl79pzgc86u0",1780076048943]