SVG ellipse element

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

Атрибут Описание
cx координата центра эллипса по оси абцисс
cy координата центра эллипса по оси ординат
rx радиус эллипса по оси абцисс
ry радиус эллипса по оси ординат
style стиль оформления эллипса

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

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

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

Добавить комментарий