Метод strokeText рисует контур текста на канвасе. Первым параметром принимает текст для рисования, а вторым и третьим - координаты этого текста на холсте канваса.

См. также метод fillText, который рисует обычный текст (не контур).

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

Синтаксис

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

Примеры

Пример

Давайте нарисуем контур текста с помощью strokeRect:

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

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

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