ImageData对象

About 1 min

ImageData对象

ImageData对象可以存储canvas渲染的像素数据。

属性

属性

类型

描述

width

number

矩形区域实际像素宽度。

height

number

矩形区域实际像素高度。

data

<Uint8ClampedArray>

一维数组,保存了相应的颜色数据,数据值范围为0到255。

示例

<!-- xxx.hml -->
<div>
  <canvas ref="canvas" style="width: 500px; height: 500px; background-color: #ffff00;"></canvas>
</div>
1
2
3
4
//xxx.js
import prompt from '@system.prompt';
export default {
  onShow() {
    const el =this.$refs.canvas;
    const ctx = el.getContext('2d');
    ctx.fillRect(0,0,200,200)
    var imageData = ctx.createImageData(1,1)
    prompt.showToast({
      message:imageData,
      duration:5000
    })
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14