closePath

Автор: Евгений Рыжков Дата публикации: 12.10.2011

Notice: Trying to get property of non-object in /var/www/xiperM/xiper.net/wp-content/themes/firsttheme/single-collect.php on line 34

Замыкаем контур: последняя точка контура соединяется с первой. Текущее положение на холсте перемещается туда же. Начало контура определяется beginPath().

Синтаксис

closePath()

Пример

/* черная линия */
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();

В живую.