English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia de HTML

大全 de etiquetas HTML

Atributo imgData.height de HTML canvas

El atributo solo de lectura ImageData.height, devuelve el número de filas en el objeto de datos de imagen.

Manual de referencia de HTML canvas

Ejemplo en línea

Obtener la altura del objeto ImageData:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Uso del atributo imgData.height 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 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100, 100);
alert("Altura de imgData es:") + imgData.height);
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 la propiedad height de ImageData.

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

Definición y uso

height Esta propiedad devuelve la altura 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.height;
Manual de referencia de HTML canvas