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
kontekst.strokeRect(besedilo, x, y);
Primer
Narišimo na canvas besedilo z
fillText, tako da mu nastavimo velikost na 30px
in vrsto 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);
:
Glejte tudi
-
metoda
strokeText,
ki riše na canvas konturo podanega besedila -
lastnost
font,
ki nastavi velikost in vrsto pisave