Metoda fillText

Metoda fillText vizaton në canvas një tekst të caktuar. Si parametër të parë ajo merr vetë tekstin, ndërsa i dyti dhe i treti - koordinatat e pikës ku ky tekst duhet të vendoset. Madhësia dhe lloji i shkronjave caktohen duke përdorur vetinë font.

Sintaksa

javascriptkonteksti.strokeRect(teksti, x, y);

Shembull

Le të vizatojmë në canvas një tekst me ndihmën e fillText, duke i caktuar asaj një madhësi prej 30px dhe llojin 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);

Результат:

Shihni gjithashtu