Метод closePath автоматически замыкает фигуру, нарисованную с помощью метода lineTo, рисуя при этом прямую линию из конечной точки в начальную. Если фигура была уже закрыта или является просто точкой, то метод ничего не делает.

См. также метод fill, который закрашивает фигуру заданным цветом.

См. также учебник по canvas для более полного понимания.

Синтаксис

контекст.closePath();

Примеры

Пример

Давайте нарисуем треугольник, используя closePath:

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(100, 100);
ctx.lineTo(150, 150);
//ctx.lineTo(50, 50); - этот шаг опускаем
ctx.closePath();
ctx.stroke();

Результат выполнения кода: