fillText metodu

fillText metodu canvas üzərində verilmiş mətni çəkir. O, birinci parametr kimi mətnin özünü, ikinci və üçüncü parametrlər kimi isə mətnin yerləşdiriləcəyi nöqtənin koordinatlarını qəbul edir. Ölçü və şrift tipi font xassəsi vasitəsilə təyin olunur.

Sintaksis

javascriptkontekst.strokeRect(mətn, x, y);

Nümunə

Gəlin fillText vasitəsilə canvas üzərində mətn çəkək, ona 30px ölçü və Arial tipini təyin edək:

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

Результат:

Həmçinin bax

  • strokeText metodu,
    hansı ki, canvas üzərində verilmiş mətnin konturunu çəkir
  • font xassəsi,
    hansı ki, şriftin ölçüsünü və tipini təyin edir