Javascript метод beginPath()

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

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

JavaScript синтаксис: context.beginPath();

Пример

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

Ваш браузер не поддерживает 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(); // Нарисуем его