Vachmi
The <ellipse>
element is a basic SVG shape to draw ellipses based on the coordinates of centre and
both radii.
Here is the SVG code to draw an ellipse.
<ellipse cx="70" cy="50" rx="60" ry="40" style="fill:rgb(100,190,200);" />
</svg>
• The position of the ellipse is determined by cx and cy attributes. These represent the centre of the ellipse.
• This position is relative to the position of its parent element.
• The rx and ry attribute defines the two radii of the ellipse.
• The CSS fill property defines the fill color of the rectangle
cx -
The x-axis coordinate of the center of the ellipse
cy -
The y-axis coordinate of the center of the circle
rx - The radius of the ellipse on the x-axis
ry - The radius of the ellipse on the y-axis