Attributo di larghezza <tela> HTML
Esempio
Un elemento <canvas> con un'altezza e una larghezza di 200 pixel:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
L' widthattributo specifica la larghezza
<canvas>dell'elemento, in pixel.
Suggerimento: utilizza l' height
attributo per specificare l'altezza
<canvas>dell'elemento, in pixel.
Suggerimento: ogni volta che viene reimpostata l'altezza o la larghezza di una tela, il contenuto della tela verrà cancellato (vedi esempio in fondo alla pagina).
Suggerimento: scopri di più
<canvas>sull'elemento nel nostro
tutorial HTML Canvas .
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo.
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Sintassi
<canvas width="pixels">
Valori di attributo
| Value | Description |
|---|---|
| pixels | Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300 |
Altri esempi
Esempio
Cancella la tela impostando l'attributo larghezza o altezza (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>
❮ Tag HTML <tela>