Курсы по React
Открыта запись на бесплатный пробный месяц! Жми для подробностей! →
259 of 264 menu
Бесплатный курс по Верстке. От новичка до продвинутого верстальщика! Мы уже начали, но можно присоединится! Жми для записи!

Метод strokeText

Метод strokeText рисует контур текста на canvas. Первым параметром принимает текст для рисования, а вторым и третьим - координаты этого текста на холсте канваса. Размер и тип шрифта задаются с помощью свойства font.

Синтаксис

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

Пример

Давайте нарисуем контур текста с помощью strokeRect, задав ему размер в 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.strokeText('Hello world', 30, 50);

:

Смотрите также

  • метод fillText,
    который рисует обычный текст
  • свойство font,
    которое задает размер и тип шрифта
idhikkbnka