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/defs/index.html | 101 +++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 files/ru/web/svg/element/defs/index.html (limited to 'files/ru/web/svg/element/defs') diff --git a/files/ru/web/svg/element/defs/index.html b/files/ru/web/svg/element/defs/index.html new file mode 100644 index 0000000000..0312b05e34 --- /dev/null +++ b/files/ru/web/svg/element/defs/index.html @@ -0,0 +1,101 @@ +--- +title: +slug: Web/SVG/Элемент/defs +tags: + - NeedsUpdate + - SVG + - Контейнер SVG + - Элемент +translation_of: Web/SVG/Element/defs +--- +
{{SVGRef}}
+ +

SVG позволяет задавать графические объекты для последующего использования. Рекомендуется там, где это возможно, объявлять подобные элементы внутри элемента <defs>. Объекты, созданные внутри элемента <defs> не отображаются немедленно; рассматривайте их, как шаблоны или макросы, созданные для будущего использования.

+ +

Создание подобных элементов внутри элемента <defs> способствует лучшему пониманию содержимого SVG и поэтому способствует также доступности. Вы можете использовать элемент {{SVGElement("use")}}, чтобы отрисовать данные элементы в любом месте области просмотра.

+ +

<defs> также можно использовать для создания градиентов; в качестве иллюстрации можно посмотреть пример для атрибута {{SVGAttr("x1")}}.

+ +

Контекст использования

+ +

{{svginfo}}

+ +

Атрибуты

+ +

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

+ + + +

Специфичные атрибуты

+ +

Нет

+ +

Интерфейс DOM 

+ +

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

+ +

Пример

+ +
<svg width="80px" height="30px" viewBox="0 0 80 30"
+     xmlns="http://www.w3.org/2000/svg">
+
+  <defs>
+    <linearGradient id="Gradient01">
+      <stop offset="20%" stop-color="#39F" />
+      <stop offset="90%" stop-color="#F3F" />
+    </linearGradient>
+  </defs>
+
+  <rect x="10" y="10" width="60" height="10"
+        fill="url(#Gradient01)" />
+</svg>
+
+ +

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

+ + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName("SVG2", "struct.html#Head", "<defs>")}}{{Spec2("SVG2")}}Без изменений
{{SpecName("SVG1.1", "struct.html#Head", "<defs>")}}{{Spec2("SVG1.1")}}Первоначальное определение
+ +

Браузерная совместимость

+ + + +

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

+ +

 

+ +

Связанные темы

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