Метод обводки холста HTML ()

❮ Справочник по холсту HTML

Пример

Нарисуйте путь в форме буквы L — красным цветом:

Ваш браузер не поддерживает HTML5canvastag.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.strokeStyle = "red";
ctx.stroke();

Поддержка браузера

Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.

Method
stroke() Yes 9.0 Yes Yes Yes

Определение и использование

Метод stroke() на самом деле рисует путь, который вы определили с помощью всех этих методов moveTo() и lineTo(). Цвет по умолчанию черный.

Совет: используйте свойство strokeStyle для рисования другим цветом/градиентом.

Синтаксис JavaScript: контекст .stroke();

❮ Справочник по холсту HTML