41Mag - Balise <canvas> HTML5

Balise <canvas> HTML5

Exemple de balise <canvas> HTML5

1
2
3
4
5
6
7
8
<canvas id="monDessin"></canvas>
 
<script type="text/javascript">
var canvas=document.getElementById('monDessin');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>

Définition et usage de la balise <canvas> en HTML5

La balise <canvas> est utilisé pour dessiner des graphiques, à la volée, via des scripts – habituellement JavaScript.

La balise <canvas> est juste un container pour les graphiques, vous devez utiliser un script pour réaliser les graphiques.

Remarque : Tout texte à l’intérieur de l’élément <canvas> sera affiché dans les navigateurs qui ne prennent pas en charge cette balise.

Attribut pour la balise : <canvas>
AttributValeurDescription
heightpixelsDéfinit la largeur du dessin
widthpixelsDéfinit la longueur du dessin
Évolution par rapport au HTML 4.01

La balise <canvas> est NOUVELLE en HTML5.

Attribut standard :

La balise <canvas> prend en charge tous les attributs standard en HTML5 .

> Liste complète des attributs

Attribut d’évènement :

La balise <canvas> prend également en charge tous les attributs d’événement HTML5.

> Liste complète des événements


Copyright © 2013 | 41Mag. All rights reserved. Contact.
Integrated by Créa-troyes. Powered by WordPress.