ellipse Ellipse Element

Ellipses are actually just a more general form of the circle element, where you can scale the x and y radius (commonly called the semimajor and semiminor axis by math people) of the circle separately.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <ellipse cx="95" cy="75" rx="80" ry="25" style="fill: #529587" />
</svg>
  • rx The x radius of the ellipse.
  • ry The y radius of the ellipse.
  • cx The x position of the center of the ellipse.
  • cy The y position of the center of the ellipse.