Перейти к содержанию

stroke()

Метод stroke() в действительности рисует фигуру, контур которой был задан ранее. По умолчанию фигура будет нарисована черным цветом.

Примечание: Чтобы изменить цвет/градиент, которым будет нарисована фигура, используется свойство strokeStyle.

Синтаксис

void ctx.stroke();
void ctx.stroke(path);

Параметры

path
Path2D путь для заливки.

Спецификация

Пример

Нарисуем фигуру в виде латинской буквы L красным цветом:

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

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()

Ссылки