Path
A raw path defined with a list of drawing commands
If you just want to draw a freeform shape see the simpler Curve item
Extends Item
Properties
Type Definitions
PathStyle
Properties
NAME | TYPE | DESCRIPTION |
---|
fillColor | string | The fill color of the shape |
fillOpacity | number | The fill opacity of the shape between 0 and 1 |
strokeColor | string | The stroke color of the shape |
strokeOpacity | number | The stroke opacity of the shape between 0 and 1 |
strokeWidth | number | The stroke width of the shape in pixels |
strokeDash | number[] | The pattern of the stroke dash |
PathCommand
Command
TYPE | values |
---|
Enum | MOVE, LINE, QUAD, CONIC, CUBIC, CLOSE |
Commands
MoveCommand
Begins a new sub-path at the given (x, y)
.
Reference.
LineCommand
Draw a line from the last point to the given (x, y)
.
Reference.
QuadCommand
Draw a quadratic curve from the last point to (x2, y2)
with the control point (x1, y1)
.
Reference.
ConicCommand
Draw a conic from the last point to (x2, y2)
with the control point (x1, y1)
and the weight w
.
Reference.
CubicCommand
Draw a cubic from the last point to (x3, y3)
with the control points (x1, y1)
and (x2, y2)
.
Reference.
CloseCommand
Close the current sub-path.
Reference.