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