mozilla
Vos résultats de recherche

    <canvas>

    Ajouté dans HTML5

    Résumé

    L'élément HTML Canvas (<canvas>)  permet de modifier une zone graphique via un script (habituellement en JavaScript). Par exemple il peut être utilisé pour dessiner des graphiques, manipuler des images ou jouer des animations. Il peut être utilisé pour l'affichage d'un jeu en ligne ou tout autre contenu interactif. Il est fortement recommandé de fournir un contenu alternatif au contenu du bloc <canvas>. Ce contenu pourra être utilisé par les navigateurs plus anciens ne supportant pas l'élément <canvas> et ceux dont JavaScript est désactivé.

    Pour plus d'information sur l'élément canvas, voir le Tutoriel canvas.

    Attributs

    Comme les autres éléments HTML, cet élément possède les attributs globaux.

    width
     La largeur en pixels CSS. 300 par défaut.
    height
    La hauteur en pixels CSS. 150 par défaut.

    Note : Les dimensions peuvent être modifiées via la feuille de style CSS. L'image est mise à l'échelle en cas de redimensionnement.

    Exemple

    <canvas id="canvas" width="300" height="300">
  Désolé, votre navigateur ne supporte pas <canvas>.
</canvas>

    Spécifications

    Spécification Statut Commentaire
    WHATWG HTML Living Standard
    La définition de '<canvas>' dans cette spécification.    		 Living Standard  
    HTML5
    La définition de '<canvas>' dans cette spécification.    		 Candidate Recommendation  

    Compatibilités des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support simple 1.0 1.5 (1.8) 9.0 9.0 2.0
    Fonctionnalité Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
    Support simple 1.0 (1.8) ? ? ? 1.0

    Notes spécifiques aux navigateurs

    Firefox (Gecko)

    • Avant Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2), la largeur et la hauteur de l'élément canvas étaient des entiers signés et non pas des entiers non-signés.
    • Avant Gecko 6.0 (Firefox 6.0 / Thunderbird 6.0 / SeaMonkey 2.3), un élément  <canvas> ayant une largeur et une hauteur à zéro aurait été traité comme si ses dimensions étaient celles par défaut.
    • Avant Gecko 12.0 (Firefox 12.0 / Thunderbird 12.0 / SeaMonkey 2.9), si JavaScript était désactivé, l'élément <canvas> était affiché plutôt que de montrer le contenu alternatif comme cela est demandé par la spécification. À présent, le contenu alternatif est bien renvoyé

    Voir également

     

    Étiquettes et contributeurs liés au document

    Étiquettes :
    Contributeurs ayant participé à cette page : tregagnon, SphinxKnight, lumiru, xaky, emersion, Shahor
    Dernière mise à jour par : emersion,