1# ImageData对象
2
3>  **说明：**
4>  从API version 4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
5
6ImageData对象可以存储[canvas组件](js-components-canvas-canvas.md)渲染的像素数据。
7
8
9## 属性
10
11| 属性     | 类型                        | 描述                           |
12| ------ | ------------------------- | ---------------------------- |
13| width  | number                    | 矩形区域实际像素宽度。                  |
14| height | number                    | 矩形区域实际像素高度。                  |
15| data   | <Uint8ClampedArray> | 一维数组，保存了相应的颜色数据，数据值范围为0到255。 |
16
17
18## 示例
19
20```html
21<!-- xxx.hml -->
22<div>
23  <canvas ref="canvas" style="width: 500px; height: 500px; background-color: #ffff00;"></canvas>
24</div>
25```
26
27```js
28// xxx.js
29import promptAction from '@ohos.promptAction';
30export default {
31  onShow() {
32    const el =this.$refs.canvas;
33    const ctx = el.getContext('2d');
34    ctx.fillRect(0,0,200,200)
35    var imageData = ctx.createImageData(1,1)
36    promptAction.showToast({
37      message:imageData,
38      duration:5000
39    })
40  }
41}
42```
43