Esempio
Scrivi un alto testo 30px sulla tela, con il font "Arial" :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50); Prova tu stesso " Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| font | sì | 9.0 | sì | sì | sì |
Definizione e utilizzo
I set di proprietà font o restituisce le proprietà del carattere attuali per il contenuto del testo sulla tela.
La proprietà font utilizza la stessa sintassi del proprietà font CSS .
| Valore di default: | 10px sans-serif |
|---|---|
| sintassi JavaScript: | context.font="italic small-caps bold 12px arial"; |
I valori delle proprietà
| Valori | Descrizione | Gioca |
|---|---|---|
| font-style | Specifica lo stile del carattere. Valori possibili:
| Gioca " |
| font-variant | Specifica la variante del font. Valori possibili:
| Gioca " |
| font-weight | Specifica lo spessore del carattere. Valori possibili:
| Gioca " |
| font-size/line-height | Specifica la dimensione del carattere e il line-height, in pixel | Gioca " |
| font-family | Specifica la famiglia di font | Gioca " |
| caption | Utilizzare i controlli di carattere didascalia (come pulsanti, menu a discesa, ecc) | Gioca " |
| icon | Utilizzare il tipo di carattere usato per le icone di etichette | Gioca " |
| menu | Utilizzare il font usato nei menu (menu a discesa e le liste dei menu) | Gioca " |
| message-box | Utilizzare il carattere utilizzato nelle finestre di dialogo | Gioca " |
| small-caption | Utilizzare il font usato per etichettare piccoli controlli | Gioca " |
| status-bar | Utilizzare i caratteri utilizzati nella barra di stato della finestra | Gioca " |