A Path is made of a sequence of PathSegments connected by a Stroke.
The Path class has the following helper methods to add segments to a Path.
close - connects a stroke from the current point to the Paths' start point.
By default, a Path has a fill opacity of 0% so its fill will not show up. If you would like to add a Fill color to your Path, be sure to set its fillOpacity to 1.0 for 100% fill opacity.
For more details on SVG Paths, checkout MDN's Path documentation.
The starting x-coordinate of the Path.
The starting y-coordinate of the Path.
Close the path by creating a stroke from the current end-point in the Path to the start point of the path.
Draw a cubic, bezier curve to a specific end point. For more information on how quadratic curves work and to tinker with its two control points, see this cubic curve demo.
the x-coordinate of the point to move the "pen" to without drawing a stroke.
the y-coordinate of the point to move the "pen" to without drawing a stroke.
Draw a quadratic curve to a specific end point. For more information on how quadratic curves work and to tinker with its control point, see this quadratic curve demo.