Proprietà font
La proprietà font imposta le opzioni del carattere
quando viene disegnato su canvas utilizzando il metodo
fillText
o il metodo strokeText.
Il metodo accetta gli stessi parametri della
proprietà CSS font.
Sintassi
contesto.font = impostazioni del carattere;
Esempio
Disegniamo su canvas un testo utilizzando
fillText
e impostiamo una dimensione di 30px e il tipo di carattere
Arial utilizzando font:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
Vedi anche
-
proprietà
textAlign,
che allinea il testo orizzontalmente -
proprietà
textBaseline,
che allinea il testo verticalmente
