La balise <canvas>

La balise <canvas>


La balise <canvas>

Définition

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.



Les attributs de la balise <canvas>


AttributValeurDescription
accesskeycaractèreDéfinit un raccourcis clavier pour accéder à un élément
classnom de la classeDéfinit une classe pour un élément (Les classes sont définit en CSS)
contenteditable Newtrue
false
Définit si le contenu est éditable par les utilisateurs
contextmenu NewID MenuAssocie un menu contextuel à un élément
data-votreValeur NewValeurDéfinit votre propre attribut, il doit commencer par « data- » puis votre valeur
dirltr
rtl
Définit le sens de lecture du texte d’un élément
draggable Newtrue
false
auto
Définit si un élément est déplaçable – Glisser/déposer
hidden NewhiddenPermet de cacher un élément. Les éléments cachés ne seront pas affichés
ididDéfinit un identifiant – ID – unique pour un élément
itemNewempty
url
Utilisé pour les éléments d’un groupe
itemprop Newurl
valeur du groupe
Utilisé pour grouper des éléments
langLangue du contenuDéfinit le langage du contenu d’un élément. Pour le francais : lang=’fr’
spellcheck Newtrue
false
Indique si l’élément doit avoir son orthographe et sa grammaire vérifié
styleDéfinition du styleIndique le style de l’élément
subject NewidIndique les éléments correspondants
tabindexnombreIndique l’ordre de tabulation d’un élément
titletexteInformations supplémentaires sur un élément


Exemple du code de la balise <canvas>



Créateur du site
Fondateur & Développeur du site

Citation du jour
Arrêtons de parler de nos problèmes et commençons à penser à des solutions.

Solutions techniques



Actualités national et international




Média du digital