CanvasContext.getImageData

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

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

入参

Object 类型,属性如下:

属性

类型

必填

说明

x

Number

将要被提取的图像数据矩形区域的左上角横坐标。

y

Number

将要被提取的图像数据矩形区域的左上角纵坐标。

width

Number

将要被提取的图像数据矩形区域的宽度。

height

Number

将要被提取的图像数据矩形区域的高度。

success

Function

成功回调。

fail

Function

失败回调。

complete

Function

完成回调。

success 回调入参

属性

类型

说明

width

Number

图像数据矩形的宽度。

height

Number

图像数据矩形的高度。

示例代码

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

阿里云首页 相关技术圈