Metodo fillText
Il metodo fillText disegna su canvas un testo
specificato. Come primo parametro accetta il
testo stesso, mentre il secondo e il terzo sono le coordinate del punto
in cui posizionare questo testo.
La dimensione e il tipo di carattere sono impostati tramite la proprietà
font.
Sintassi
contesto.strokeRect(testo, x, y);
Esempio
Disegniamo su canvas un testo utilizzando
fillText, impostando una dimensione di 30px
e il tipo Arial:
<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
-
metodo
strokeText,
che disegna su canvas il contorno di un testo specificato -
proprietà
font,
che imposta la dimensione e il tipo di carattere
