ImageData - 表示 <canvas> 元素区域的基础像素数据

ImageData 接口表示 <canvas> 元素区域的基础像素数据。它是通过 ImageData() 构造函数,或者是画布关联的 CanvasRenderingContext2D 对象的创建方法:createImageData()getImageData() 来创建的。它还可以用于使用 putImageData() 来设置画布的一部分。

构造函数

ImageData()

从给定的 Uint8ClampedArray 及其包含的图像的大小,创建一个 ImageData 对象。如果没有给出数组,则会创建一个黑色矩形的图像。请注意,这是在 worker 中创建此类对象的最常用方法,因为 createImageData() 在 worker 中不可用。

属性

ImageData.data 只读

一个 Uint8ClampedArray,表示包含 RGBA 顺序数据的一维数组,整数值介于 0255(包含)之间。

ImageData.height 只读

一个 unsigned long ,表示 ImageData 的实际高度(以像素为单位)。

ImageData.width 只读

一个 unsigned long ,表示 ImageData 的实际宽度(以像素为单位)。

规范

规范 状态 备注
HTML Living Standard
ImageData 的定义
现行的标准 -

桌面浏览器兼容性

特性ChromeEdgeFirefoxInternet ExplorerOperaSafari
基础支持4 支持14993.1
Available in workers 支持 未知25 未知 未知 未知
ImageData() constructor42 支持29 不支持29 未知
data 支持1214993.1
height 支持1214993.1
width 支持1214993.1

移动浏览器兼容性

特性AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基础支持 支持 支持 未知14 未知103.2
Available in workers 支持 未知 未知25 未知 未知 未知
ImageData() constructor 不支持42 未知29 未知 未知 未知
data 未知 支持 支持14 未知 支持 支持
height 支持 支持 支持14 未知 支持 支持
width 支持 支持 支持14 未知 支持 支持

相关链接