CANVAS |
Toile |
|---|---|
| HTML 5+ | IE9+, FireFox, Opera, Chrome, Safari |
Syntaxe
|
<CANVAS paramètres> ... </CANVAS> |
Paramètres
| Paramètre | Description | ||
|---|---|---|---|
| CLASS=nomclasse | Ce paramètre de balise permet d'indiquer la classe de feuille de style associé avec cette balise. | ||
| CONTENTEDITABLE=valeur | Ce paramètre de balise permet d'indiquer si le contenu de cette balise est éditable : | ||
| Constante | Description | ||
| "false" | Cette constante indique que le contenu de cette balise n'est pas éditable. | ||
| "true" | Cette constante indique que le contenu de cette balise est éditable. | ||
| CONTEXTMENU=menu_id | Ce paramètre de balise permet d'indiquer l'identificateur du contexte menu de cette élément. | ||
| DIR=direction | Ce paramètre de balise permet d'indiquer la direction de la langue: | ||
| Constante | Description | ||
| "LTR" | Cette constante indique que la direction s'effectue de la gauche vers la droite | ||
| "RTL" | Cette constante indique que la direction s'effectue de la droite vers la gauche | ||
| DRAGGABLE=valeur | Ce paramètre de balise permet d'indiquer si l'élément est déplacable par l'utilisateur (Draguable) : | ||
| Constante | Description | ||
| "auto" | Cette constante indique que le contenu de cette balise est déplacable si le contexte le permet. | ||
| "false" | Cette constante indique que le contenu de cette balise n'est pas déplacable. | ||
| "true" | Cette constante indique que le contenu de cette balise est déplacable. | ||
| HEIGHT=largeur | Ce paramètre de balise permet d'indiquer le nombre de pixels vertical que contient le graphique. | ||
| ID=identificateur | Ce paramètre de balise permet d'indiquer l'identificateur de cette balise. | ||
| LANG=mid | Ce paramètre de balise permet d'indiquer le MID du langage: | ||
| Valeur | Description | ||
| "af" | Cette valeur indique la langue africaine | ||
| "ar" | Cette valeur indique la langue arabe | ||
| "ar-AE" | Cette valeur indique la langue arabe des Émirates-Unies | ||
| "ar-BH" | Cette valeur indique la langue arabe de Bahreïn | ||
| "ar-DZ" | Cette valeur indique la langue arabe de l'Algérie | ||
| "ar-EG" | Cette valeur indique la langue arabe de l'Egypte | ||
| "ar-IQ" | Cette valeur indique la langue arabe de l'Irak | ||
| "ar-JO" | Cette valeur indique la langue arabe de la Jordanie | ||
| "ar-KW" | Cette valeur indique la langue arabe du Koweit | ||
| "ar-LB" | Cette valeur indique la langue arabe du Liban | ||
| "ar-LY" | Cette valeur indique la langue arabe du Libye | ||
| "ar-MA" | Cette valeur indique la langue arabe du Maroc | ||
| "ar-OM" | Cette valeur indique la langue arabe du Oman | ||
| "ar-QA" | Cette valeur indique la langue arabe du Qatar | ||
| "ar-SA" | Cette valeur indique la langue arabe de l'Arabie Saoudite | ||
| "ar-SY" | Cette valeur indique la langue arabe de Syrie | ||
| "ar-TN" | Cette valeur indique la langue arabe de la Tunisie | ||
| "ar-YE" | Cette valeur indique la langue arabe du Yémen | ||
| "be" | Cette valeur indique la langue de Biélorussie | ||
| "bg" | Cette valeur indique la langue de Bulgarie | ||
| "cs" | Cette valeur indique la langue de Crète | ||
| "da" | Cette valeur indique la langue danoise | ||
| "de" | Cette valeur indique la langue allemande | ||
| "de-AT" | Cette valeur indique la langue allemande d'autriche | ||
| "de-CH" | Cette valeur indique la langue allemande de Suisse | ||
| "de-LI" | Cette valeur indique la langue allemande de Liechtenstein | ||
| "de-LU" | Cette valeur indique la langue allemande du Luxembourg | ||
| "el" | Cette valeur indique la langue grecque | ||
| "en" | Cette valeur indique la langue anglaise | ||
| "en-AU" | Cette valeur indique la langue anglaise australienne | ||
| "en-BZ" | Cette valeur indique la langue anglaise du Bélize | ||
| "en-CA" | Cette valeur indique la langue anglaise canadienne | ||
| "en-GB" | Cette valeur indique la langue anglaise de la Grande Bretagne | ||
| "en-IE" | Cette valeur indique la langue anglaise de l'Irlande | ||
| "en-JM" | Cette valeur indique la langue anglaise de la Jamaïque | ||
| "en-NZ" | Cette valeur indique la langue anglaise du Néo-zélandais | ||
| "en-US" | Cette valeur indique la langue anglaise à l'américaine | ||
| "en-ZA" | Cette valeur indique la langue anglaise de l'afrique du sud | ||
| "es" | Cette valeur indique la langue espagnol | ||
| "es-AR" | Cette valeur indique la langue espagnol de l'Argentine | ||
| "es-BO" | Cette valeur indique la langue espagnol de Bolivie | ||
| "es-CL" | Cette valeur indique la langue espagnol du Chilie | ||
| "es-CO" | Cette valeur indique la langue espagnol de Colombie | ||
| "es-CR" | Cette valeur indique la langue espagnol du Costa Rica | ||
| "es-EC" | Cette valeur indique la langue espagnol du Equateur | ||
| "es-GT" | Cette valeur indique la langue espagnol du Guatemala | ||
| "es-HN" | Cette valeur indique la langue espagnol du Honduras | ||
| "es-MX" | Cette valeur indique la langue espagnol du Mexique | ||
| "es-NI" | Cette valeur indique la langue espagnol du Nicaragua | ||
| "es-PA" | Cette valeur indique la langue espagnol du Panama | ||
| "es-PE" | Cette valeur indique la langue espagnol du Pérou | ||
| "es-PR" | Cette valeur indique la langue espagnol du Puerto Rico | ||
| "es-PY" | Cette valeur indique la langue espagnol du Paraguay | ||
| "es-SV" | Cette valeur indique la langue espagnol du El Salvador | ||
| "es-TT" | Cette valeur indique la langue espagnol du Trinidad | ||
| "es-UY" | Cette valeur indique la langue espagnol du Uruguay | ||
| "es-VE" | Cette valeur indique la langue espagnol du Venezuela | ||
| "et" | Cette valeur indique la langue estonienne | ||
| "eu" | Cette valeur indique la langue basque | ||
| "fa" | Cette valeur indique la langue iranienne | ||
| "fi" | Cette valeur indique la langue finlandaise | ||
| "fo" | Cette valeur indique la langue faeroese | ||
| "fr" | Cette valeur indique la langue française | ||
| "fr-BE" | Cette valeur indique la langue française de Belgique | ||
| "fr-CA" | Cette valeur indique la langue française canadienne | ||
| "fr-CH" | Cette valeur indique la langue française de Suisse | ||
| "fr-FR" | Cette valeur indique la langue française de France | ||
| "fr-LU" | Cette valeur indique la langue française du Luxembourg | ||
| "fr-QC" | Cette valeur indique la langue française québécoise | ||
| "gd" | Cette valeur indique la langue galicienne | ||
| "he" | Cette valeur indique la langue hébreu | ||
| "hi" | Cette valeur indique la langue hindou | ||
| "hr" | Cette valeur indique la langue croate | ||
| "hu" | Cette valeur indique la langue hongroise | ||
| "in" | Cette valeur indique la langue indonésienne | ||
| "is" | Cette valeur indique la langue Islandaise | ||
| "it" | Cette valeur indique la langue italienne | ||
| "it-CH" | Cette valeur indique la langue italienne de la Suisse | ||
| "ja" | Cette valeur indique la langue japonais | ||
| "ji" | Cette valeur indique la langue yiddish | ||
| "ko" | Cette valeur indique la langue coréein | ||
| "lt" | Cette valeur indique la langue littuanienne | ||
| "lv" | Cette valeur indique la langue Lettische | ||
| "mk" | Cette valeur indique la langue de la Macédoine | ||
| "ms" | Cette valeur indique la langue malésienne | ||
| "mt" | Cette valeur indique la langue maltaise | ||
| "nl" | Cette valeur indique la langue néerlandaise | ||
| "nl-BE" | Cette valeur indique la langue néerlandaise Belge | ||
| "no" | Cette valeur indique la langue norvégien | ||
| "pl" | Cette valeur indique la langue polonaise | ||
| "pt" | Cette valeur indique la langue portuguaise | ||
| "pt-br" | Cette valeur indique la langue portuguaise du Brésil | ||
| "rm" | Cette valeur indique la langue Rhaeto-Romanic | ||
| "ro" | Cette valeur indique la langue roumain | ||
| "ro-MO" | Cette valeur indique la langue roumain de la Moldavie | ||
| "ru" | Cette valeur indique la langue russe | ||
| "ru-MO" | Cette valeur indique la langue russe de la Moldavie | ||
| "sa" | Cette valeur indique la langue sanskrit | ||
| "sb" | Cette valeur indique la langue sorbianne | ||
| "sk" | Cette valeur indique la langue slovaque | ||
| "sl" | Cette valeur indique la langue Slovéne | ||
| "sq" | Cette valeur indique la langue albanaise | ||
| "sr" | Cette valeur indique la langue serbe | ||
| "sv" | Cette valeur indique la langue suèdoise | ||
| "sv-FI" | Cette valeur indique la langue suèdoise de la Finlande | ||
| "sx" | Cette valeur indique la langue estonienne | ||
| "th" | Cette valeur indique la langue thaïlandaise | ||
| "tn" | Cette valeur indique la langue tswana de l'Afrique du sud | ||
| "tr" | Cette valeur indique la langue turc | ||
| "ts" | Cette valeur indique la langue tsonga de l'Afrique du sud | ||
| "uk" | Cette valeur indique la langue ukrainienne | ||
| "ur" | Cette valeur indique la langue urdu | ||
| "vi" | Cette valeur indique la langue vietnamienne | ||
| "xh" | Cette valeur indique la langue xhosa de l'Afrique | ||
| "zh" | Cette valeur indique la langue chinoise | ||
| "zh-CN" | Cette valeur indique la langue chinoise de PRC | ||
| "zh-HK" | Cette valeur indique la langue chinoise de Hong-Kong | ||
| "zh-SG" | Cette valeur indique la langue chinoise de Singapour | ||
| "zh-TW" | Cette valeur indique la langue chinoise de Taïwan | ||
| "zu" | Cette valeur indique la langue zulu de l'Afrique | ||
| ... | ... | ||
| ONCLICK=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'on clique avec la souris sur cette balise | ||
| ONDBLCLICK=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'on double-clique avec la souris sur cette balise | ||
| ONKEYDOWN=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'une touche du clavier est enfoncée | ||
| ONKEYPRESS=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'une touche du clavier est enfoncée puis relachée | ||
| ONKEYUP=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsqu'une touche du clavier est relachée | ||
| ONMOUSEDOWN=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque le bouton de la souris est enfoncé au moment du passage sur cette balise | ||
| ONMOUSEMOVE=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque la souris déplace cette balise | ||
| ONMOUSEOUT=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque la souris quitte la zone de cette balise | ||
| ONMOUSEOVER=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque la souris passe sur cette balise | ||
| ONMOUSEUP=action | Ce paramètre de balise permet d'indiquer une action à effectuer lorsque le bouton de la souris est relaché au moment du passage sur cette balise | ||
| REF=element | Ce paramètre de balise permet d'indiquer n'importe quel élément d'attribut de gabarit à spécifier. | ||
| REGISTRATIONMARK=attribut | Ce paramètre de balise permet d'indiquer n'importe quel élément descendant d'un élément d'une règle, à l'exception des élements de base. | ||
| STYLE=list | Ce paramètre de balise permet d'indiquer des paramètres de feuille de style associé avec cette balise. | ||
| TABINDEX=position | Ce paramètre de balise permet d'indiquer l'ordre de sélection des champs et éléments dans un formulaire. | ||
| TEMPLATE=element | Ce paramètre de balise permet d'indiquer un traitement de modèle gabarit à appliquer à un élément. | ||
| TITLE=message | Ce paramètre de balise permet d'indiquer le titre ou la bannière jaune associé avec cette balise. | ||
| WIDTH=largeur | Ce paramètre de balise permet d'indiquer le nombre de pixels horizontal que contient le graphique. | ||
Description
Cette balise permet de créer un graphique à la volé dans le document de la page HTML.
Remarques
- A quoi peu bien servir ce genre de balise de façon concrète ? Vous avez surement déjà vue le jeu en ligne «Command & Conqueror Tiberium Alliances», sur le site web «http://alliances.commandandconquer.com/fr/», vous croyez peut être que ce jeu est en écrit en Flash à cause qu'il est parfaitement fluide avec votre navigateur Web, qu'on voit clairement les animations, et qu'on entendu des sons au bon moment ... Et bien non, il est entièrement écrit en HTML5. Et la clef des animations de ce jeu, en dehors des requêtes AJAX, c'est bien sure la balise CANVAS utilisé pour redessiner continuellement les attaques de l'infanterie, des avions et des tanks. En effet, les moteurs de jeux HTML5+JavaScript se multiple : Cocos2D, enchant.js, GameJs, EaselJS, CasualJS,... Ce ne sont que des jeux en 2 dimensions vous allez me dire, que c'est loin des autres jeux en 3 dimensions... Il se développe pourtant bien des moteurs de rendu ici et là pour le HTML5, et le 3D va suivre, soyez-en certain !
- Conflit : Dans la plupart des navigateurs, le paramètre «style» est prioritaire sur le paramètre «class» ou «id». Ainsi, si vous définissez aux deux endroits, des valeurs différentes, par exemple «style="color:red;"» et «color:green» dans la classe, c'est le paramètre «style» avec son «color:red» qui sera utilisé par le navigateur Web. Il est à noter qu'il est préférable de ne pas mettre des informations contradictoires comme celle-ci (deux paramètres identiques avec des valeurs différentes) car le résultat peut malgré tout demeurer imprévisible.
- Les paramètres peuvent être indiqué dans l'ordre que vous le souhaitez. Il n'existe pas d'obligation de les mettre dans un ordre précis pour les navigateurs Web.
Dernière mise à jour : Vendredi, le 19 juin 2015