Proprietà height di HTML <canvas>

Etichetta HTML <canvas>

Definizione e uso

height La proprietà specifica l'altezza dell'elemento <canvas> in pixel.

Suggerimento

Usa Proprietà width Specificare la larghezza dell'elemento <canvas> in pixel.

Ogni volta che si reimposta l'altezza o la larghezza del canvas, il contenuto del canvas viene cancellato (vedi l'esempio in fondo alla pagina).

Visita il nostro Guida HTML Canvas Impara di più sugli elementi <canvas> in questo corso.

Esempio

Esempio 1

Elemento <canvas> di 200 pixel di altezza e larghezza:

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

Prova tu stesso

Esempio 2

Tramite l'impostazione dell'altezza su 300px, è possibile pulire il canvas (utilizzando 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);
funzione clearCanvas() {
  c.height = 400;
}
</script>

Prova tu stesso

Sintassi

<canvas height="pixels">

Valore dell'attributo

Valore Descrizione
pixels Stabilisce l'altezza del canvas in pixel (ad esempio “100”). Il valore predefinito è 150.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta per la prima volta questa proprietà.

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

Etichetta HTML <canvas>