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