Элемент эллипса SVG

Элемент SVG <ellipse> используется для создания эллипса. Разница между кругом и эллипсом заключается в том, что эллипс имеет радиусы x и y, которые отличаются друг от друга, а круг имеет одинаковые радиусы x и y:

Синтаксис:

<ellipse
   cx="x-axis co-ordinate"
   cy="y-axis co-ordinate"
   
   rx="length" 
   ry="length" >    
</ellipse>

Атрибуты:

• cx: координата центра по оси X.
• cy: координата центра по оси Y.
• rx: радиус эллипса по оси x.
• ry: радиус эллипса по оси Y.

Пример:

Выход:

Пример: изменение прозрачности.

Выход: