HTML - Balise <canvas>

La description

La balise HTML <canvas> sert à dessiner des graphiques, des animations, etc. à l'aide de scripts.

Exemple

<!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>

Cela produira le résultat suivant -

Attributs globaux

Cette balise prend en charge tous les attributs globaux décrits dans Référence des attributs HTML

Attributs spécifiques

La balise HTML <canvas> prend également en charge les attributs supplémentaires suivants -

Attribut	Valeur	La description
la taille	pixels	Spécifie la hauteur du canevas.
largeur	pixels	Spécifie la largeur du canevas.

Attributs d'événement

Cette balise prend en charge tous les attributs d'événement décrits dans HTML Events Reference

Prise en charge du navigateur

Chrome	Firefox	C'EST À DIRE	Opéra	Safari	Android
Oui	Oui	Oui	Oui	Oui	?

↰ Previous page