Path2D

Интерфейс Path2D API Canvas 2D используется для объявления пути, который затем может быть использован с объектом CanvasRenderingContext2D. Методы работы с путями CanvasRenderingContext2D интерфейса также присутствуют в этом интерфейсе, что обеспечивает удобство сохранения и повторного использования пути по мере необходимости.

Path2D()

Path2D конструктор. Создаёт новый объект Path2D.

Path2D.addPath()

Добавляет путь к текущему пути.

Path2D.closePath()

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

Path2D.moveTo()

Перемещает начальную точку новой подтраектории в координаты (x, y) .

Path2D.lineTo()

Соединяет последнюю точку подтраектории с координатами (x, y) прямой линией.

Path2D.bezierCurveTo()

Добавляет кубическую кривую Безье к пути. Требует три точки. Первые две точки — точки управления, а третья — конечная точка. Начальной точкой является последняя точка текущего пути, которая может быть изменена с помощью moveTo() перед созданием кривой Безье.

Path2D.quadraticCurveTo()

Добавляет квадратическую кривую Безье к текущему пути.

Path2D.arc()

Добавляет дугу к пути, центрированную в позиции (x, y) с радиусом r, начиная с startAngle и заканчивая endAngle, двигаясь в заданном направлении counterclockwise (по умолчанию по часовой стрелке).

Path2D.arcTo()

Добавляет круговую дугу к пути с заданными точками управления и радиусом, соединённую с предыдущей точкой прямой линией.

Path2D.ellipse()

Добавляет эллиптическую дугу к пути, центрированную в позиции (x, y) с радиусами radiusX и radiusY, начиная с startAngle и заканчивая endAngle, двигаясь в заданном направлении counterclockwise (по умолчанию по часовой стрелке).

Path2D.rect()

Создаёт путь для прямоугольника в позиции (x, y) с размером, определяемым width и height.

Path2D.roundRect()

Создаёт путь для прямоугольника с закруглениями в позиции (x, y) с размером, определяемым width и height, а радиусы дуги для углов прямоугольника определяются radii.

• CanvasRenderingContext2D