From c058fa0fb22dc40ef0225b21a97578cddd0aaffa Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:51:05 +0100 Subject: unslug ru: move --- files/ru/web/svg/element/ellipse/index.html | 129 ++++++++++++++++++++++++++++ 1 file changed, 129 insertions(+) create mode 100644 files/ru/web/svg/element/ellipse/index.html (limited to 'files/ru/web/svg/element/ellipse') diff --git a/files/ru/web/svg/element/ellipse/index.html b/files/ru/web/svg/element/ellipse/index.html new file mode 100644 index 0000000000..f04083c1e1 --- /dev/null +++ b/files/ru/web/svg/element/ellipse/index.html @@ -0,0 +1,129 @@ +--- +title: +slug: Web/SVG/Элемент/ellipse +tags: + - NeedsUpdate +translation_of: Web/SVG/Element/ellipse +--- +
{{SVGRef}}
+ +

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

+ +
+

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

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

{{EmbedLiveSample('Exemple', 100, '100%')}}

+ + + +

Атрибуты

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

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

+
+ +

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

+
+
Основные атрибуты
+
Самые важные: {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}
+
Атрибуты стиля
+
{{SVGAttr('class')}}, {{SVGAttr('style')}}
+
Условные атрибуты
+
Самые важные: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}
+
Аттрибуты событий
+
Глобальные атрибуты событий, Атрибуты графических событий
+
Атрибуты представления
+
Самые важные: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}
+
ARIA-Атрибуты
+
aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto,aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label,aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable,aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly,aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role
+
+ + + + + +

Информация

+ +

{{svginfo}}

+ + + +

Пример

+ +

» ellipse.svg

+ +

Интерфейс DOM

+ +

Этот элемент реализует интерфейс {{ domxref("SVGEllipseElement") }}.

+ +

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

+ + + + + + + + + + + + + + + + + + + + + +
СпецификацияСостояниеКомментарий
{{SpecName('SVG2', 'shapes.html#EllipseElement', '<ellipse>')}}{{Spec2('SVG2')}}
{{SpecName('SVG1.1', 'shapes.html#EllipseElement', '<ellipse>')}}{{Spec2('SVG1.1')}}Исходное определение
+ +

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

+ + + +

{{Compat("svg.elements.ellipse")}}

+ + + +

Смотри также

+ + -- cgit v1.2.3-54-g00ecf