La propiedad de ancho de ImageData se usa para devolver el ancho de un objeto ImageData, en píxeles.
Sintaxis:
imgData.width;
Ejemplo:
<!DOCTYPE html>
<html>
<body>
<h3 style="color:green">GeeksforGeeks</h3>
<h3>HTML canvas ImageData width property</h3>
<canvas id="myCanvas"
width="200"
height="200"
style="border:2px solid ;">
</canvas>
<p id=g eeks></p>
<script>
var can = document.getElementById("myCanvas");
var gfg = can.getContext("2d");
var imgData = gfg.createImageData(150, 100);
var i;
for (i = 0; i < imgData.data.length; i += 3) {
imgData.data[i + 0] = 100;
imgData.data[i + 1] = 0;
imgData.data[i + 2] = 0;
}
gfg.putImageData(imgData, 10, 10);
document.getElementById("geeks").innerHTML =
"Width of imgData is: " + imgData.width
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Cromo
- Internet Explorer 9.0
- Safari
- Firefox
- Ópera
Publicación traducida automáticamente
Artículo escrito por shubham_singh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA