收藏
回答

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

回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容
问题标签