[page:CurvePath] →

# [name]

A 2d path representation, comprising of points, lines, and cubes, similar to the html5 2d canvas api. It extends [page:CurvePath].

## Constructor

### [name]([page:Array points])

points -- array of Vector2
Creates a Path from the points. The first vector defines the offset. After that the lines get defined.

## Properties

### [property:array actions]

The possible actions that define the path.

## Methods

### [method:null fromPoints]( [page:Array vector2s] )

Adds to the Path from the points. The first vector defines the offset. After that the lines get defined.

### [method:null moveTo]( [page:Float x], [page:Float y] )

This moves the offset to x and y

### [method:null lineTo]( [page:Float x], [page:Float y] )

This creates a line from the offset to X and Y and updates the offset to X and Y.

### [method:null quadraticCurveTo]( [page:Float cpX], [page:Float cpY], [page:Float x], [page:Float y] )

This creates a quadratic curve from the offset to x and y with cpX and cpY as control point and updates the offset to x and y.

### [method:null bezierCurveTo]( [page:Float cp1X], [page:Float cp1Y], [page:Float cp2X], [page:Float cp2Y], [page:Float x], [page:Float y] )

This creates a bezier curve from the last offset to x and y with cp1X, cp1Y and cp1X, cp1Y as control points and updates the offset to x and y.

### [method:null splineThru] ( [page:Array points] )

points - An array of [page:Vector2]s
Connects a new [page:SplineCurve] onto the path.

### [method:null arc]( [page:Float x], [page:Float y], [page:Float radius], [page:Float startAngle], [page:Float endAngle], [page:Float clockwise] )

x, y -- The center of the arc offset from the last call radius -- The radius of the arc startAngle -- The start angle in radians endAngle -- The end angle in radians clockwise -- Sweep the arc clockwise. Defaults to false
Draw an arc offset from the last call

### [method:null absarc]( [page:Float x], [page:Float y], [page:Float radius], [page:Float startAngle], [page:Float endAngle], [page:Float clockwise] )

x, y -- The absolute center of the arc radius -- The radius of the arc startAngle -- The start angle in radians endAngle -- The end angle in radians clockwise -- Sweep the arc clockwise. Defaults to false
Draw an arc absolutely positioned

### [method:null ellipse]( [page:Float x], [page:Float y], [page:Float xRadius], [page:Float yRadius], [page:Float startAngle], [page:Float endAngle], [page:Float clockwise], [page:Float rotation] )

x, y -- The center of the ellipse offset from the last call xRadius -- The radius of the ellipse in the x axis yRadius -- The radius of the ellipse in the y axis startAngle -- The start angle in radians endAngle -- The end angle in radians clockwise -- Sweep the ellipse clockwise. Defaults to false rotation -- The rotation angle of the ellipse in radians, counterclockwise from the positive X axis. Optional, defaults to 0
Draw an ellipse offset from the last call

### [method:null absellipse]( [page:Float x], [page:Float y], [page:Float xRadius], [page:Float yRadius], [page:Float startAngle], [page:Float endAngle], [page:Float clockwise], [page:Float rotation] )

x, y -- The absolute center of the ellipse xRadius -- The radius of the ellipse in the x axis yRadius -- The radius of the ellipse in the y axis startAngle -- The start angle in radians endAngle -- The end angle in radians clockwise -- Sweep the ellipse clockwise. Defaults to false rotation -- The rotation angle of the ellipse in radians, counterclockwise from the positive X axis. Optional, defaults to 0
Draw an ellipse absolutely positioned

### [method:Array toShapes]( [page:Boolean isCCW], [page:Boolean noHoles] )

isCCW -- Changes how solids and holes are generated
noHoles -- Whether or not to generate holes
Converts the Path into an array of Shapes. By default solid shapes are defined clockwise (CW) and holes are defined counterclockwise (CCW). If isCCW is set to true, then those are flipped. If the paramater noHoles is set to true then all paths are set as solid shapes and isCCW is ignored.

## Source

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]