Поиск…
Синтаксис
-
<defs>
... определенные элементы ...</defs>
параметры
параметр | подробности |
---|---|
DEFS | Элемент defs не имеет параметров |
замечания
Элемент <defs>
используется как элемент контейнера для элементов, которые предназначены для использования исключительно по ссылке и не отображаются непосредственно. Элементы, которые обычно будут отображаться (например, <rect>
, <circle>
), которые объявлены внутри блока <defs>
, обрабатываются так, как если бы их стиль включал display:none
.
Хотя это не является строго необходимым, спецификация SVG. рекомендует помещать все определения градиента, фильтра, шаблона, маски, символа и маркера в блок defs
.
основной пример
<svg width="400px" height="400px">
<defs>
<rect id="defrect" fill="blue" fill-opacity=".5" x="50" y="50" width="100" height="100"/>
</defs>
<rect fill="red" x="20" y="20" width="80" height="80"/>
<use xlink:href="#defrect"/>
<use xlink:href="#defrect" x="50" y="60"/>
</svg>
Результат
Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow