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
sì	sì	sì	sì	sì	?

↰ Previous page