FillText metodu

fillText metody canvas üstünde bellenen teksty çyzýar. Ol birinji parametr hökmünde özüni tekst alýar, ikinji we üçünji bolsa, şol tekst ýerleşdirilmeli nokatyň koordinatalaryny alýar. Görnüşi we şriftiň ölçegi font aýratynlygy ýardamynda bellenilýär.

Sintaksis

javascriptkontekst.strokeRect(tekst, x, y);

Mysal

Geliň, canvas üstünde fillText ýardamynda tekst çyzyşdyryp, onuň ölçegini 30px we Arial görnüşinde bellenelim:

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);

Результат:

Şeýle-de görüň