全部产品

CanvasContext.getImageData

版本需求: 支持基础库 1.10 及以上版本,低版本需做 兼容处理。

获取 canvas 区域隐含的像素数据。

入参

Object 类型,属性如下:

属性类型必填说明
xNumber将要被提取的图像数据矩形区域的左上角横坐标。
yNumber将要被提取的图像数据矩形区域的左上角纵坐标。
widthNumber将要被提取的图像数据矩形区域的宽度。
heightNumber将要被提取的图像数据矩形区域的高度。
successFunction成功回调。
failFunction失败回调。
completeFunction完成回调。

success 回调入参

属性类型说明
widthNumber图像数据矩形的宽度。
heightNumber图像数据矩形的高度。

示例代码

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

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
  }
})