HTML canvas attributo font
Definizione e uso
font setta o restituisce le proprietà del carattere attuale del contenuto del testo sulla lavagna.
font La sintassi dell'attributo Proprietà font di CSSuguali
Esempio
Scrivi un testo di 40 pixel su una lavagna, utilizzando il carattere "Arial":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
Sintassi
context.font="italic small-caps bold 12px arial";
Valore dell'attributo
| Valore | Descrizione |
|---|---|
| font-style |
Stabilisce lo stile del carattere. Valori possibili:
|
| font-variant |
Stabilisce la variante del carattere. Valori possibili:
|
| font-weight |
Stabilisce la spessore del carattere. Valori possibili:
|
| font-size / line-height | Definisce la dimensione e l'altezza della riga, misurate in pixel. |
| font-family | Definisce la famiglia di caratteri. |
| caption | Utilizza il tipo di carattere per i controlli di titolo (ad esempio, pulsanti, elenchi a discesa, ecc.). |
| icon | Utilizza il tipo di carattere per gli icone. |
| menu | Utilizza il tipo di carattere per i menu (elenchi a discesa e elenchi di menu). |
| message-box | Utilizza il tipo di carattere per i dialoghi. |
| small-caption | Utilizza il tipo di carattere per i controlli di piccola dimensione. |
| status-bar | Utilizza il tipo di carattere per la barra di stato della finestra. |
Dettagli tecnici
| Valore predefinito: | 10px sans-serif |
|---|
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta per la prima volta questa proprietà.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.
