Metoda fillText

Metoda fillText riše na canvas podano besedilo. Prvi parameter sprejme samo besedilo, drugi in tretji pa koordinate točke, kjer je treba to besedilo postaviti. Velikost in vrsta pisave sta nastavljeni z lastnostjo font.

Sintaksa

javascriptkontekst.strokeRect(besedilo, x, y);

Primer

Narišimo na canvas besedilo z fillText, tako da mu nastavimo velikost na 30px in vrsto Arial:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);

Результат:

Glejte tudi