Metode fillText

Metode fillText zīmē uz canvas norādīto tekstu. Pirmā parametrā tas pieņem pašu tekstu, bet otrajā un trešajā - koordinātas punktam, kurā šis teksts jānovieto. Izmērs un šrifta tips tiek iestatīti, izmantojot īpašību font.

Sintakse

javascriptkonteksts.strokeRect(teksts, x, y);

Piemērs

Uzzīmēsim uz canvas tekstu, izmantojot fillText, iestatot tam izmēru 30px un tipu 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);

Результат:

Skatiet arī