beginPath()¶
Метод beginPath()
начинает контур или сбрасывает текущий контур.
Примечание: Для создания контуров используйте методы moveTo()
, lineTo()
, quadraticCurveTo()
, bezierCurveTo()
, arcTo()
, и arc()
. Чтобы действительно нарисовать контур в элементе <canvas>
, используется метод stroke()
.
Синтаксис¶
context.beginPath();
Спецификация¶
Пример¶
Нарисуем два простых контура — зеленый и пурпурный:
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 (рус.)