Метод fillText рисует на канвасе заданный текст. Первым параметром он принимает сам текст, а вторым и третьим - координаты точки, в которой этот текст следует расположить.

См. также метод strokeText, который рисует на канвасе контур заданного текста.

См. также учебник по canvas для более полного понимания.

Синтаксис

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

Примеры

Пример

Давайте нарисуем на канвасе текст с помощью fillText, задав ему размер в 30px и тип Arial помощью font:

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);

Результат выполнения кода: