Meetod fillText

Meetod fillText joonistab canvasile etteantud teksti. Esimese parameetrina võtab ta teksti enda ja teise ning kolmandana - punkti koordinaadid, kuhu see tekst tuleks paigutada. Suurust ja fondi tüüpi määratakse omaduse font abil.

Süntaks

javascriptkontekst.strokeRect(tekst, x, y);

Näide

Joonistame canvasile teksti meetodiga fillText, määrates selle suuruseks 30px ja tüübiks 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);

Результат:

Vaata ka