English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo height specifica l'altezza dell'elemento <canvas> in pixel, e ogni volta che si reimposta l'altezza o la larghezza del canvas, il contenuto del canvas viene cancellato.
Un elemento <canvas> di 200 pixel di altezza e larghezza:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'attributo height del canvas HTML5 - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Il tuo browser non supporta l'etichetta HTML5 canvas.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
</script>
</body>
</html>Testa a vedere ‹/›IEFirefoxOperaChromeSafari
Tutti i browser principali supportano l'attributo height.
Attenzione: Internet Explorer 8 e versioni precedenti non supportano il tag <canvas>.
L'attributo height specifica l'altezza dell'elemento <canvas> in pixel.
Suggerimento: Utilizza l'attributo width per specificare la larghezza dell'elemento <canvas> in pixel.
Suggerimento: 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).
Suggerimento: Visita la nostra HTML Canvas Impara di più su <canvas> nella guida.
<canvas> è un nuovo tag HTML5.
<canvas height="pixels">
| Valore | Descrizione |
|---|---|
| pixels | Definisci l'altezza del canvas in pixel (ad esempio "100px" o semplicemente "100"). Il valore predefinito è "150". |
Elimina il contenuto del canvas impostando l'attributo width o height (utilizzando JavaScript):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'attributo width del canvas HTML5 - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Il tuo browser non supporta l'etichetta HTML5 canvas.
</canvas>
<br>
<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>
<button onclick="clearCanvas()">Pulisci canvas</button>
</body>
</html>Testa a vedere ‹/›