Proprietà del font del canvas
Definizione e uso
font L'attributo utilizzato per impostare o restituire le proprietà del font del contenuto del testo sulla superficie.
font La sintassi dell'attributo utilizzato è la stessa di Proprietà font CSSUguale.
Esempio
Scrivi un testo di 40 pixel su una superficie, utilizzando il font "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 |
Stabilire lo stile del carattere di font. Valori possibili:
|
| font-variant |
Stabilire la variante del carattere di font. Valori possibili:
|
| font-weight |
Stabilire la spessore del carattere di font. Valori possibili:
|
| font-size / line-height | Stabilire la dimensione del carattere e l'altezza della riga, in pixel. |
| font-family | Stabilire la serie di caratteri di font. |
| caption | Utilizzare il carattere di font per i controlli di titolo (ad esempio, pulsanti, elenchi a discesa). |
| icon | Utilizzare il carattere di font per etichettare gli icone. |
| menu | Utilizzare il carattere di font per i menu (elenco a discesa e elenco di menu). |
| message-box | Utilizzare il carattere di font per i dialoghi. |
| small-caption | Utilizzare il carattere di font per etichettare i controlli piccoli. |
| status-bar | Utilizzare 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>.
