beginPath()

Метод beginPath() начинает контур или сбрасывает текущий контур.

Примечание: Для создания контуров используйте методы moveTo(), lineTo(), quadraticCurveTo(), bezierCurveTo(), arcTo(), и arc(). Чтобы действительно нарисовать контур в элементе <canvas>, используется метод stroke().

Синтаксис

context.beginPath();

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

• HTML Living Standard

Пример

Нарисуем два простых контура — зеленый и пурпурный:

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

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')

// Зеленый контур
ctx.beginPath()
ctx.lineWidth = '5'
ctx.strokeStyle = 'green'
ctx.moveTo(0, 75)
ctx.lineTo(250, 75)
ctx.stroke() // Нарисуем его

// Пурпурный контур
ctx.beginPath()
ctx.strokeStyle = 'purple'
ctx.moveTo(50, 0)
ctx.lineTo(150, 130)
ctx.stroke() // Нарисуем его

Ссылки

• Метод beginPath() ^{MDN (рус.)}