<ellipse> element отвечает за вывод базовой фигуры SVG – эллипса.

На Рис.1 позиции 1-4 показано, как можно оформить внешний вид эллипса при помощи стилей <style> и комбинации размеров радиусов rx и ry.

1. – горизонтальное положение элипса при rx > ry.
2. – вертикальное положение элипса при rx < ry.
3. – при равенстве rx и ry эллипс превращается в круг.
4. – совмещены два элипса 1 и 2.

Используя только эллипсы можно получить более сложные фигуры. На рисунке выше пирамидка отрисована с помощью 12 эллипсов, у которых изменялся центр по оси ординат – cy и радиус по оси абцисс rx. Для последнего элемента пирамидки – шарика радиусы эллипса равны rx=ry.
⇚ SVG circle element SVG symbol element ⇛