Canvas

<canvas> est un nouvel élément HTML servant au dessin de graphiques qui utilisent des scripts (habituellement en JavaScript). Il peut être utilisé par exemple pour le dessin de graphes, créer des compositions de photos ou de simples (voire pas si simples) animations.

<canvas> a été introduit initialement par Apple pour le Dashboard de Mac OS X et ensuite implémenté dans Safari. Les navigateurs basés sur Gecko supportent ce nouvel élément depuis Gecko 1.8. (c'est-à-dire Firefox 1.5 et ultérieurs). Opera 9 supporte également <canvas>. Des initiatives visant à faire fonctionner <canvas> dans Internet Explorer existent aussi (par exemple ).

L'élément <canvas> fait partie de la spécification Web applications 1.0 du WhatWG également appelée HTML 5.

Documentation

Dessiner avec canvas
Une introduction en une page à <canvas>.
Tutoriel canvas
Un tutoriel complet couvrant tant l'utilisation basique de <canvas> que ses fonctions avancées.
Extraits de code:Canvas
Quelques extraits de code orientés vers les développeurs d'extension qui utilisent <canvas>.
Exemples d'utilisation de canvas
Quelques démonstrations de <canvas>.
Dessin de texte avec canvas
Documentation pour la nouvelle fonctionnalité de <canvas> disponible à partir de Firefox 3

Tous les articles…

Communauté

* View Mozilla forums...

HTML, JavaScript, CSS, AJAX, DOM, SVG

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : tregagnon, openjck, Laurent_Lyaudet, Mgjbot, ethertank, Chbok, Delapouite, BenoitL, dextra, teoli
Dernière mise à jour par : Laurent_Lyaudet,