HTML - Tag <canvas>

Descrizione

Il tag HTML <canvas> serve per disegnare grafica, animazioni, ecc. Utilizzando script.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Canvas Tag</title>
   </head>

   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00FD00';
         ctx.fillRect(0,0,200,60);
      </script>
   </body>

</html>

Questo produrrà il seguente risultato:

Attributi globali

Questo tag supporta tutti gli attributi globali descritti in HTML Attribute Reference

Attributi specifici

Il tag HTML <canvas> supporta anche i seguenti attributi aggiuntivi:

Attributo Valore Descrizione
altezza pixel Specifica l'altezza della tela.
larghezza pixel Specifica la larghezza della tela.

Attributi dell'evento

Questo tag supporta tutti gli attributi degli eventi descritti in HTML Events Reference

Supporto browser

Cromo Firefox IE musica lirica Safari Android
?