Exemple
Ecrire un texte 30px haut sur la toile, en utilisant la police "Arial" :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50); Essayez - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| font | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
Les ensembles de propriétés de police ou retourne les propriétés de police actuelles pour le contenu du texte sur la toile.
La propriété font utilise la même syntaxe que la propriété de police de CSS .
| Valeur par défaut: | 10px sans-serif |
|---|---|
| Syntaxe JavaScript: | context.font="italic small-caps bold 12px arial"; |
propriété valeurs
| Valeurs | La description | Joue-le |
|---|---|---|
| font-style | Indique le style de police. Valeurs possibles:
| Joue-le " |
| font-variant | Indique la variante de la police. Valeurs possibles:
| Joue-le " |
| font-weight | Indique le poids de la police. Valeurs possibles:
| Joue-le " |
| font-size/line-height | Indique la taille des caractères et la ligne-hauteur, en pixels | Joue-le " |
| font-family | Indique la famille de polices | Joue-le " |
| caption | Utilisez les contrôles de police sous-titré (comme des boutons, listes déroulantes, etc.) | Joue-le " |
| icon | Utilisez la police utilisée pour les icônes d'étiquettes | Joue-le " |
| menu | Utilisez la police utilisée dans les menus (menus déroulants et listes de menus) | Joue-le " |
| message-box | Utilisez la police utilisée dans les boîtes de dialogue | Joue-le " |
| small-caption | Utilisez la police utilisée pour le marquage de petits contrôles | Joue-le " |
| status-bar | Utilisez les polices utilisées dans la fenêtre barre d'état | Joue-le " |