Перейти к содержанию

closePath()

Метод closePath() замыкает контур (фигуру) соединяя последнюю точку с первой.

Примечание: Чтобы в действительности нарисовать фигуру, следует использовать метод stroke(). Метод fill() используется для заливки нарисованной фигуры (по умолчанию черным цветом). Чтобы задать цвет или градиент заливки, используется свойство fillStyle.

Синтаксис

context.closePath();

Спецификация

Примеры

Пример 1

Нарисуем контур в виде латинской буквы L, а затем нарисуем замыкающую линию к начальной точке:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')
ctx.beginPath()
ctx.moveTo(20, 20)
ctx.lineTo(20, 100)
ctx.lineTo(70, 100)
ctx.closePath()
ctx.stroke()

Пример 2

Заливаем нарисованную фигуру красным цветом:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')
ctx.beginPath()
ctx.moveTo(20, 20)
ctx.lineTo(20, 100)
ctx.lineTo(70, 100)
ctx.closePath()
ctx.stroke()
ctx.fillStyle = 'red'
ctx.fill()

Ссылки