<ellipse>

Элемент ellipse — базовая SVG фигура, используемая для создания эллипсов с помощью координат центра и обоих радиусов.

Сам по себе элемент ellipse не позволяет задать точное его расположение (например, нельзя сразу отобразить эллипс, повёрнутый на 45°), однако его можно повернуть с помощью атрибута transform.

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="50" rx="100" ry="50" />
</svg>

Атрибуты

cx
Позиция эллипса по x.
Тип значения<length>|<percentage> ; Значение по умолчанию0Можно анимироватьда
cy
Позиция эллипса по y.
Тип значения<length>|<percentage> ; Значение по умолчанию0Можно анимироватьда
rx
Радиус эллипса по x.
Тип значенияauto|<length>|<percentage> ;Значение по умолчаниюautoМожно анимироватьда
ry
Радиус эллипса по y.
Тип значенияauto|<length>|<percentage> ; Значение по умолчаниюautoМожно анимироватьда
pathLength (en-US)
Этот атрибут позволяет установить длину всего пути.
Тип значения<number> ; Значение по умолчаниюнетМожно анимироватьда

Обратите внимание: Начиная с SVG2, cxcyrx и ry это Геометрические свойства. Это означает, что они могут быть использованы как CSS свойства элемента.

Глобальные Атрибуты

Основные атрибуты
Самые важные: id, tabindex (en-US)
Атрибуты стиля
class, style (en-US)
Условные атрибуты
Самые важные: requiredExtensions, systemLanguage (en-US)
Атрибуты событий
Глобальные атрибуты событийАтрибуты графических событий
Атрибуты представления
Самые важные: clip-path (en-US), clip-rule (en-US), color (en-US), color-interpolation (en-US), color-rendering (en-US), cursor (en-US), display (en-US), fill, fill-opacity, fill-rule, filter (en-US), mask (en-US), opacity (en-US), pointer-events (en-US), shape-rendering, stroke, stroke-dasharray (en-US), stroke-dashoffset, stroke-linecap, stroke-linejoin (en-US), stroke-miterlimit (en-US), stroke-opacity (en-US), stroke-width, transform, vector-effect (en-US), visibility (en-US)
ARIA-Атрибуты
aria-activedescendantaria-atomicaria-autocompletearia-busyaria-checkedaria-colcountaria-colindexaria-colspanaria-controlsaria-currentaria-describedbyaria-detailsaria-disabledaria-dropeffectaria-errormessagearia-expandedaria-flowto,aria-grabbedaria-haspopuparia-hiddenaria-invalidaria-keyshortcutsaria-label,aria-labelledbyaria-levelaria-livearia-modalaria-multilinearia-multiselectable,aria-orientationaria-ownsaria-placeholderaria-posinsetaria-pressedaria-readonly,aria-relevantaria-requiredaria-roledescriptionaria-rowcountaria-rowindexaria-rowspanaria-selectedaria-setsizearia-sortaria-valuemaxaria-valueminaria-valuenowaria-valuetextrole

Информация

КатегорииБазовые фигуры, Графические элементы, Фигура
Разрешённый контентЛюбое количество следующих элементов, в любом порядке:
Элементы анимации
Элементы описания

Пример

» ellipse.svg

Интерфейс DOM

Этот элемент реализует интерфейс SVGEllipseElement (en-US).

Спецификации

Спецификация Состояние Комментарий
Scalable Vector Graphics (SVG) 2
Определение '<ellipse>' в этой спецификации.
Кандидат в рекомендации
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение '<ellipse>' в этой спецификации.
Рекомендация Исходное определение

Поддержка браузерами

BCD tables only load in the browser

Смотрите также