SVG Path: Elliptical Arc
This page is a tutorial on SVG path element's elliptical arc command A
and a
.
[see SVG Path Tutorial]
Basic Parameters
A rx ry rotate LargeArcFlag SweepFlag x y
- Draw a elliptical arc from the current point to x, y. The ellipse has radius rx ry (major/minor axis), rotated by rotate (in degrees, clockwise.). The LargeArcFlag and SweepFlag should be 1 or 0, they control which section of the ellipse to use.
a
- (relative coordinate).
[see Ellipse]
Rotation
For math detail, see Ellipse
Large Arc Flag and Sweep Flag
When a line cuts ellipse into 2 arcs, there's a larger arc and a smaller arc. The parameter LargeArcFlag specifies which arc to use.
The SweepFlag specifies which side of the path the curve is drawn.
Interactive Elliptical Path
ellipse start point
major radius
minor radius
ellipse end (x,y)
major radius
minor radius
ellipse end (x,y)