Los últimos tutoriales de desarrollo web
 

HTML <canvas> height Attribute

<HTML <canvas> etiqueta

Ejemplo

Un <canvas> elemento con una altura y anchura de 200 píxeles:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Inténtalo tú mismo "

Más "hacerlo por uno mismo" ejemplos a continuación.


Definición y Uso

La height atributo especifica la altura de la <canvas> elemento, en píxeles.

Consejo: Utilice el width atributo para especificar el ancho de la <canvas> elemento, en píxeles.

Consejo: Cada vez que se establecen re-la altura o anchura de un lienzo, se borrará el contenido de la lona (véase el ejemplo en la parte inferior de la página).

Consejo: Más información sobre el <canvas> elemento en nuestro Tutorial HTML lienzo .


Soporte para el navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.

Atributo
height 4.0 9.0 2.0 3.1 9.0

Diferencias entre HTML 4.01 y HTML5

La <canvas> etiqueta es nueva en HTML5.


Sintaxis

<canvas height="pixels">

Los valores de atributo

Valor Descripción
pixels Especifica la altura de la tela, en píxeles (por ejemplo, "100" ). Altura por defecto es "150"

Más ejemplos

Ejemplo

Desactive la lona por el ajuste de la width o height atributo (usando JavaScript):

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

<script>

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);

function clearCanvas() {
    c.height = 300;
}

</script>
Inténtalo tú mismo "

<HTML <canvas> etiqueta