La propiedad ImageData.data se usa para devolver un Uint8ClampedArray que contiene el objeto ImageData en píxeles. El objeto ImageData se almacena en una array unidimensional en orden RGBA. El valor de RGBA se encuentra entre 0 y 255.
Sintaxis:
imageData.data
Ejemplo 1: este ejemplo muestra los valores de píxeles de ImageData de la array con ceros.
<!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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo muestra la longitud del objeto de array 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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con Web ImageData API | La propiedad ImageData.data se enumeran a continuación:
- Google Chrome
- explorador de Internet 9
- Firefox 14
- Safari 3.1
- Ópera 9