ImageData
注意: 此功能在 Web 工作线程 中可用。
ImageData
接口表示 <canvas>
元素区域的底层像素数据。
它是使用 ImageData()
构造函数或与画布关联的 CanvasRenderingContext2D
对象上的创建方法创建的:createImageData()
和 getImageData()
。它也可以用于通过使用 putImageData()
设置画布的一部分。
构造函数
ImageData()
-
从给定的
Uint8ClampedArray
和其包含的图像大小创建一个ImageData
对象。如果没有给出数组,它将创建一个透明黑色矩形的图像。请注意,这是在工作线程中创建此类对象的常用方法,因为createImageData()
在工作线程中不可用。
实例属性
ImageData.data
只读-
一个
Uint8ClampedArray
,表示一个包含 RGBA 顺序数据的单维数组,其中整数的值介于0
和255
(含)之间。顺序从左上角像素到右下角像素,按行排列。 ImageData.colorSpace
只读-
一个字符串,指示图像数据的颜色空间。
ImageData.height
只读-
一个
无符号长整型
,表示ImageData
的实际高度(以像素为单位)。 ImageData.width
只读-
一个
无符号长整型
,表示ImageData
的实际宽度(以像素为单位)。
规范
规范 |
---|
HTML 标准 # imagedata |
浏览器兼容性
BCD 表仅在启用 JavaScript 的浏览器中加载。
另请参阅
CanvasRenderingContext2D
<canvas>
元素及其关联的接口HTMLCanvasElement
。