Circle and ellipse
You can use the <circle>
tag to create a circle with the desired center and radius.
For ellipses, use the <ellipse>
tag.
Circle
|
x-coordinate of the center |
|
y-coordinate of the center |
|
Radius |
<circle cx="50" cy="50" r="30" fill="#01b8aa" />
Ellipse
|
x-coordinate of the center |
|
y-coordinate of the center |
|
Horizontal radius |
|
Vertical Radius |
<ellipse cx="50" cy="50" rx="30" ry="40" fill="#01b8aa" />