Manual de referencia de HTML

大全 de etiquetas HTML

Atributo width de ImageData en HTML canvas

Atributo solo leído ImageData.width, que devuelve la cantidad de píxeles por fila en el objeto de datos de imagen.

Ejemplo en línea

Advertencia: Ancho del objeto ImageData

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Uso del atributo width de imgData en HTML canvas-Tutoriales básicos(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="borde:1px sólido #d3d3d3>
Su navegador no admite el HTML5　etiqueta canvas.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100,　100);
alert("Ancho de imgData es: ");　+　imgData.width);
var i;
for (i = 0; i < imgData.data.length; i　+=　4) {
　　imgData.data[i+0] =　255;
　　imgData.data[i+1]=0;
　　imgData.data[i+2]=0;
　　imgData.data[i+3]=　255;
}
　　
ctx.putImageData(imgData,　10,　10);
</script>
</body>
</html>

Prueba aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome y Safari admiten ImageData Atributo width.

Nota:Internet Explorer 8 Las versiones anteriores no admiten el elemento <canvas>.

Definición y uso

Esta propiedad devuelve el ancho del objeto ImageData (en píxeles).

Consejo:Ver createImageData()、getImageData() yputImageData() Métodos, para obtener más información sobre el objeto ImageData.

Sintaxis de JavaScript

Sintaxis de JavaScript:	imgData.ancho;

Manual de referencia de canvas HTML

HTML: <template> etiqueta