Javascript метод beginPath()

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

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

Пример использования

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

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(); // Нарисуем его