Метод fillText рисует на канвасе заданный
текст. Первым параметром он принимает сам
текст, а вторым и третьим - координаты точки,
в которой этот текст следует расположить.
Размер и тип шрифта задаются с помощью свойства
font.
Синтаксис
контекст.strokeRect(текст, x, y)
Пример
Давайте нарисуем на канвасе текст с помощью
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,
который рисует на канвасе контур заданного текста -
свойство
font,
которое задает размер и тип шрифта