html标签设置data用法,HTML ImageData.data用法及代码示例

ImageData.data属性用于返回一个Uint8ClampedArray，其中包含以像素为单位的ImageData对象。 ImageData对象以RGBA顺序存储在一维数组中。 RGBA的值介于0到255之间。

用法:

imageData.data

范例1：本示例显示具有零的数组的ImageData像素值。

Web ImageData API | ImageData.data property

GeeksForGeeks

ImageData data property

Get data

function getdata () {

let imageData = new ImageData(100, 100);

document.getElementById('data').innerHTML

= imageData.data;

}

输出：

单击按钮之前：

单击按钮后：

范例2：本示例显示ImageData数组对象的长度。

Web ImageData API | ImageData.data property

GeeksForGeeks

ImageData data property

Get length

function getdata () {

let imageData = new ImageData(100, 100);

document.getElementById('data').innerHTML

= imageData.data.length;

}

输出：

单击按钮之前：

单击按钮后：

支持的浏览器：Web ImageData API | Java支持的浏览器。下面列出了ImageData.data属性：

谷歌浏览器

Internet Explorer 9

火狐14

Safari 3.1

Opera 9