Esempio
Un <canvas> elemento con un height e width di 200 pixel:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
La width attributo specifica la larghezza del <canvas> elemento, in pixel.
Suggerimento: utilizzare l' height attributo per specificare l'altezza del <canvas> elemento, in pixel.
Suggerimento: Ogni volta che l'altezza o la larghezza di una tela è ri-impostato, il contenuto di tela viene cancellato (vedi esempio in fondo alla pagina).
Suggerimento: Ulteriori informazioni sul <canvas> elemento nel nostro HTML Canvas Tutorial .
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'attributo.
| Attributo | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Differenze tra HTML 4.01 e HTML5
Il <canvas> tag è nuovo in HTML5.
Sintassi
<canvas width="pixels">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| pixels | Specifica la larghezza della tela, in pixel (ad esempio, "100"). larghezza predefinita è "300" |
Altri esempi
Esempio
Cancellare la tela impostando la width o height attributo (utilizzando 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> Prova tu stesso "