1. 程式人生 > >小程式 canvas注意事項(1)

小程式 canvas注意事項(1)

在畫網路圖片時,需要先將圖片下載到本地,需要新增下載域名,在下載成功之後再進行畫圖操作,需要注意非同步下載問題,可以使用await async等框架,也可以使用callback,下面是個小例子:

// 下載圖片

downLoadImg: function(netUrl, success, fail) {

console.log('下載網路圖片')

wx.getImageInfo({

src: netUrl, //請求的網路圖片路徑

success: function(res) {

//請求成功後將會生成一個本地路徑即res.path,然後將該路徑快取到storageKeyUrl關鍵字中

console.log('下載網路圖片成功', res)

success(res.path);

},

fail: function(res) {

console.log('下載網路圖片失敗', res)

fail(res)

}

})

},