Метод fillText

Метод fillText canvas устига берилган матнни чизади. Биринчи параметр сифатида у ўзи матнни қабул қилади, иккинчи ва учинчи параметрлар сифатида эса шу матнни жойлаштириш керак бўлган нуқтанинг координатларини қабул қилади. Қрифт ҳажми ва тури font хоссилиси ёрдамида белгиланади.

Синтаксис

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

Мисол

Келинг, fillText ёрдамида canvas устига матн чизайлик, унинг ҳажмини 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 хоссилиси,
у қрифт ҳажми ва турини белгилайди