Метод beginPath

Объявляем, что начинаем новый контур. Необходим когда хотим задать разные стили объектам на холсте.

Синтаксис

beginPath()

Пример

/* черная линия */
ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(50,100);
ctx.lineTo(100,100);
ctx.lineWidth = 1;
ctx.strokeStyle = "black";
ctx.stroke();

/* красный треугольник */
ctx.beginPath();
ctx.moveTo(100,100);
ctx.lineTo(100,200);
ctx.lineTo(200,200);
ctx.closePath();
ctx.lineWidth = 5;
ctx.strokeStyle = "red";
ctx.stroke();

В живую.

Теги: , ,
Показать комментарии