Atributo height del HTML <canvas>

Etiqueta HTML <canvas>

Definición y uso

height La propiedad especifica la altura del elemento <canvas> en píxeles.

Aviso

Por favor, usa Atributo width Especifica el ancho del elemento <canvas> en píxeles.

Cada vez que se reestablezca la altura o anchura del lienzo, el contenido del lienzo se borrará (ver el ejemplo en la parte inferior de la página).

Por favor, consulta nuestra Tutoriales de HTML Canvas Aprende más sobre el elemento <canvas> aquí.

Ejemplo

Ejemplo 1

El elemento <canvas> de 200 píxeles de altura y anchura:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

Prueba por tu cuenta

Ejemplo 2

Al establecer la propiedad de altura en 300px, se puede limpiar el lienzo (usando JavaScript):

<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.height = 400;
}
</script>

Prueba por tu cuenta

Sintaxis

<canvas height="pixels">

Valor del atributo

Valor Descripción
pixels Define la altura del lienzo en píxeles (por ejemplo, "100"). El valor predeterminado es 150.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Etiqueta HTML <canvas>