CanvasContext.getImageData

简介

CanvasContext.getImageData 用于获取 canvas 区域隐含的像素数据。

使用限制

基础库 1.10 或更高版本；支付宝客户端 10.1.32 或更高版本，若版本较低，建议采取兼容处理。

扫码体验

undefined

效果示例

画布.gif

示例代码

// .js
const ctx = my.createCanvasContext('canvas')


ctx.getImageData({
  x: 0,
  y: 0,
  width: 100,
  height: 100,
  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
  }
})

入参

Object 类型，属性如下：

属性	类型	必填	描述
x	Number	是	将要被提取的图像数据矩形区域的左上角横坐标。
y	Number	是	将要被提取的图像数据矩形区域的左上角纵坐标。
width	Number	是	将要被提取的图像数据矩形区域的宽度。
height	Number	是	将要被提取的图像数据矩形区域的高度。
success	Function	否	成功回调。
fail	Function	否	失败回调。
complete	Function	否	完成回调。

success 回调

属性	类型	描述
width	Number	图像数据矩形的宽度。
height	Number	图像数据矩形的高度。