ImageData.data属性用于返回一个Uint8ClampedArray,其中包含以像素为单位的ImageData对象。 ImageData对象以RGBA顺序存储在一维数组中。 RGBA的值介于0到255之间。
用法:
imageData.data
范例1:本示例显示具有零的数组的ImageData像素值。
<!DOCTYPE html>
<html>
<head>
<title>
Web ImageData API | ImageData.data property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>ImageData data property</h2>
<button onclick="getdata ();">Get data</button>
<p id='data'></p>
<script type="text/javascript">
function getdata () {
let imageData = new ImageData(100, 100);
document.getElementById('data').innerHTML
= imageData.data;
}
</script>
</body>
</html>
输出:
- 单击按钮之前:
- 单击按钮后:
范例2:本示例显示ImageData数组对象的长度。
<!DOCTYPE html>
<html>
<head>
<title>
Web ImageData API | ImageData.data property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>ImageData data property</h2>
<button onclick="getdata ();">
Get length
</button>
<p id='data'></p>
<script type="text/javascript">
function getdata () {
let imageData = new ImageData(100, 100);
document.getElementById('data').innerHTML
= imageData.data.length;
}
</script>
</body>
</html>
输出:
- 单击按钮之前:
- 单击按钮后:
支持的浏览器:Web ImageData API | Java支持的浏览器。下面列出了ImageData.data属性:
- 谷歌浏览器
- Internet Explorer 9
- 火狐14
- Safari 3.1
- Opera 9
相关用法
- HTML ImageData.height用法及代码示例
- HTML ImageData.width用法及代码示例
- CSS transition-property用法及代码示例
- CSS nav-down用法及代码示例
- CSS nav-up用法及代码示例
- CSS nav-right用法及代码示例
- CSS right属性用法及代码示例
- CSS top属性用法及代码示例
- CSS all属性用法及代码示例
- CSS quotes属性用法及代码示例
- CSS align-self用法及代码示例
- HTML Bdo dir用法及代码示例
注:本文由纯净天空筛选整理自DeepakDev大神的英文原创作品 Web ImageData API | ImageData.data property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。