收藏
回答

canvasGetImageData和PutImageData接口调用失败

问题模块 框架类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 wx.canvasGetImageData 、wx.canvasPutImageData 工具 Version. 2.3.9 1.9.1 (开发工具版本:v1.02.1801081)

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 这个接口完全使用官方提供的实例,然而调用结果还是失败。



最后一次编辑于  2018-01-31  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏