TypeError: Failed to execute 'drawImage' 报错?
下面是我的代码,想通过wx.getImageInfo获取网络图片后,然后用drawImage在canvas上将图片显示出来,但是一直报错。
代码如下:
onShow: function () {
var that = this
const query = wx.createSelectorQuery()
query.select('#shareCanvas')
.fields({ node: true, size: true })
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
const dpr = wx.getSystemInfoSync().pixelRatio
canvas.width = res[0].width * dpr
canvas.height = res[0].height * dpr
ctx.scale(dpr, dpr)
wx.getImageInfo({
src: that.data.photoUrl,
success(res) {
console.log("头像路径:"+res.path)
ctx.drawImage(res.path, 0, 0)
ctx.draw()
}
})
})
}, 报错信息如下: thirdScriptError Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)';at api getImageInfo success callback function TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)' at CanvasRenderingContext2D.e.drawImage (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:647372) at success (http://127.0.0.1:51536/appservice/pages/card/img.js:47:15) at Function.o.<computed> (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:1366445) at Object.success (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:124200) at y (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:526317) at v (http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:526555) at http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:528109 at n.<anonymous> (http://127.0.0.1:51536/appservice/__dev__/asdebug.js:1:12078) at http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:124200 at http://127.0.0.1:51536/appservice/__dev__/WAService.js:2:107123