Метод fillText

Метод fillText canvas үстүнө берилген текстти сүрөттөйт. Биринчи параметри катары ал текстти өзүн, экинчи жана үчүнчүсү катары болсо бул текстти жайгаштыруу керек болгон чекиттин координаттарын кабыл алат. Көлөмү жана шрифттин түрү касиетинин жардамы менен белгиленет font.

Синтаксис

контекст.strokeRect(текст, x, y);

Мисал

Келгиле, canvas үстүнө текстти сүрөттөйлү fillText колдонуп, анын көлөмүн 30px жана түрүн 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);

Ошондой эле караңыз

метод strokeText,
бул canvas үстүнө берилген тексттин контурун сүрөттөйт
касиет font,
бул шрифттин көлөмүн жана түрүн белгилейт