add a transformation to the current transformation
add a class
class name to add
handle SVG DOM event
Set the shape rendering attribute to control anti-aliasing for shapes.
When enabled, the attribute is set to "auto" to allow smoothing/anti-aliasing. When disabled, the attribute is set to "crispEdges" to favor pixel-aligned, non-anti-aliased rendering.
True to enable anti-aliasing ("auto"), false to disable ("crispEdges").
the current instance to allow chaining).
draw an arc Draws an elliptical arc from the current point to a new point.
The x-coordinate of the center of the ellipse.
The y-coordinate of the center of the ellipse.
The radius of the arc.
The start angle of the arc in degrees (0 is right, 90 is down).
The end angle of the arc in degrees.
If true, the arc is drawn clockwise; otherwise, counter-clockwise. Defaults to true.
this
remove all transformations
Closes the current subpath by drawing a straight line from the current position to the initial point of the current subpath.
The current SvgPath instance for chaining.
Draws a cubic Bézier curve from the current point to (x3, y3) using (x1, y1)
as the control point at the beginning of the curve and (x2, y2) as the
control point at the end of the curve.
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.
The current SvgPath instance for chaining.
change the fill color
return the given attribute if any
the svh element dom
return the attribute as number
Draws a straight line from the current position to the specified coordinates.
The x-coordinate of the end point.
The y-coordinate of the end point.
this
Moves the current drawing position to the specified coordinates without drawing a line. This is typically the first command in a path.
The x-coordinate to move to.
The y-coordinate to move to.
this
the element is not filled
remove a class
class name to remove
Resets the path data and all attributes of the SVG path element.
The current SvgPath instance for chaining.
rotation
scaling
define a new attribute
attibute name
attribute value
this
change one style value
change the stroke color
Optionalwidth: numberchange the stroke opacity attribute on the element.
Opacity value where 0 is fully transparent and 1 is fully opaque.
The current instance to allow method chaining.
change the stroke width
define the whole transformation
translation
Represents an SVG path element, providing methods for constructing and manipulating SVG paths. It extends
SvgItemto inherit common SVG element functionalities.