canvasGetImageData和PutImageData接口调用失败
发布于 6 年前 作者 xiulan76 13768 次浏览 来自 问答

wx.canvasGetImageData 、wx.canvasPutImageData两个新接口调用失败,demo如下:

var ctx = wx.createCanvasContext(‘myCanvas’);

    ctx.setFillStyle(‘red’)

    ctx.fillRect(0, 0, 200, 200)

    ctx.draw()

    wx.canvasGetImageData({

      canvasId: ‘myCanvas’,

      x: 0,

      y: 0,

      width: 200,

      height: 200,

      success(res) {

        console.log(res.width) // 100

        console.log(res.height) // 100

        console.log(res.data instanceof Uint8ClampedArray) // true

        console.log(res.data.length) // 100 * 100 * 4

      },fail(res){

        console.log(res)

      }

    })

打印结果:errMsg:canvasGetImageData: fail canvas is empty

const data = new Uint8ClampedArray([255, 0, 0, 1])

    wx.canvasPutImageData({

      canvasId: ‘myCanvas’,

      x: 0,

      y: 0,

      width: 1,

      data: data,

      success(res) {console.log(res)},

      fail(res){console.log(res)}

    })

打印结果:errMsg:canvasPutImageData: fail canvas is empty”。


wx.canvasPutImageData 这个接口完全使用官方提供的实例,然而调用结果还是失败。



回到顶部