space between interpolated points for quadratic and bezier curve approx. in pixels.
the points defining the current path
adds an arc to the current path which is centered at (x, y) position with the given radius, starting at startAngle and ending at endAngle going in the given direction by counterclockwise (defaulting to clockwise).
the horizontal coordinate of the arc's center.
the vertical coordinate of the arc's center.
the arc's radius. Must be positive.
the angle at which the arc starts in radians, measured from the positive x-axis.
the angle at which the arc ends in radians, measured from the positive x-axis.
Optionalanticlockwise: boolean = falsean optional boolean value. If true, draws the arc counter-clockwise between the start and end angles.
adds a circular arc to the path with the given control points and radius, connected to the previous point by a straight line.
the x-axis coordinate of the first control point.
the y-axis coordinate of the first control point.
the x-axis coordinate of the second control point.
the y-axis coordinate of the second control point.
the arc's radius. Must be positive.
begin a new path
Adds a cubic Bézier curve to the path.
The x-coordinate of the first control point.
The y-coordinate of the first control point.
The x-coordinate of the second control point.
The y-coordinate of the second control point.
The x-coordinate of the end point of the curve.
The y-coordinate of the end point of the curve.
causes the point of the pen to move back to the start of the current path. It tries to draw a straight line from the current point to the start. If the shape has already been closed or has only one point, this function does nothing.
adds an elliptical arc to the path which is centered at (x, y) position with the radii radiusX and radiusY starting at startAngle and ending at endAngle going in the given direction by counterclockwise.
the x-axis (horizontal) coordinate of the ellipse's center.
the y-axis (vertical) coordinate of the ellipse's center.
the ellipse's major-axis radius. Must be non-negative.
the ellipse's minor-axis radius. Must be non-negative.
the rotation of the ellipse, expressed in radians.
the angle at which the ellipse starts, measured clockwise from the positive x-axis and expressed in radians.
the angle at which the ellipse ends, measured clockwise from the positive x-axis and expressed in radians.
Optionalanticlockwise: boolean = falsean optional boolean value which, if true, draws the ellipse counterclockwise (anticlockwise).
connects the last point in the current path to the (x, y) coordinates with a straight line.
the x-axis coordinate of the line's end point.
the y-axis coordinate of the line's end point.
moves the starting point of the current path to the (x, y) coordinates.
the x-axis (horizontal) coordinate of the point.
the y-axis (vertical) coordinate of the point.
Parses an SVG path string and adds the points to the current path.
The SVG path string to parse.
Adds a quadratic Bézier curve to the path.
The x-coordinate of the control point.
The y-coordinate of the control point.
The x-coordinate of the end point of the curve.
The y-coordinate of the end point of the curve.
creates a path for a rectangle at position (x, y) with a size that is determined by width and height.
the x-axis coordinate of the rectangle's starting point.
the y-axis coordinate of the rectangle's starting point.
the rectangle's width. Positive values are to the right, and negative to the left.
the rectangle's height. Positive values are down, and negative are up.
adds an rounded rectangle to the current path.
the x-axis coordinate of the rectangle's starting point.
the y-axis coordinate of the rectangle's starting point.
the rectangle's width. Positive values are to the right, and negative to the left.
the rectangle's height. Positive values are down, and negative are up.
the arc's radius to draw the borders. Must be positive.
triangulate the shape defined by this path into an array of triangles
an array of vertices representing the triangulated path or shape
a simplified path2d implementation, supporting only one path