Референсная книга SVG

Элементы SVG

Элемент Описание
<a> Создание ссылок, окружающих элементы SVG.
<altGlyph> Обеспечение контроля над шрифтами, используемыми для отображения специфических данных символов.
<altGlyphDef> Определение набора замен для шрифта.
<altGlyphItem> Определение кандидатов на замену шрифта.
<animate> Определение того, как изменяются свойства элемента с течением времени.
<animateMotion> Перемещение элемента по пути движения.
<animateTransform> Анимация свойств преобразования целевого элемента, что позволяет контролировать анимацию перевода, масштабирования, вращения и/или наклона.
<circle> Определение круга.
<clipPath> Определение контура реза.
<color-profile> Указание описания профиля цвета (при установке стиля документа CSS).
<cursor> Определение независимого от платформы пользовательского курсора.
<defs> Определение контейнера для элемента, на который ссылаются.
<desc> Определение чистотекстового описания контейнерного элемента или элемента графики SVG.
<ellipse> Определение эллипса.
<feBlend> Комбинирование двух объектов по определенному режиму смешивания.
<feColorMatrix> SVG фильтр. Применение матричных преобразований.
<feComponentTransfer> SVG-фильтр. Выполняет ремап данных по компонентам.
<feComposite> SVG-фильтр. Выполняет интеллектуальное комбинирование пикселей двух входных изображений.
<feConvolveMatrix> SVG-фильтр. Применяет эффект фильтра матричнойconvolution.
<feDiffuseLighting> SVG-фильтр. Изображение света, использующее канал alpha в качестве карты рельефа.
<feDisplacementMap> SVG-фильтр. Карта смещения.
<feDistantLight> SVG-фильтр. Определяет источник света.
<feFlood> SVG-фильтр. Заполняет область фильтра.
<feFuncA> SVG-фильтр. Определяет функцию преобразования для компонента прозрачности (alpha) входного изображения.
<feFuncB> SVG-фильтр. Определяет функцию преобразования для синего компонента входного изображения.
<feFuncG> SVG-фильтр. Определяет функцию преобразования для зеленого компонента входного изображения.
<feFuncR> SVG-фильтр. Определяет функцию преобразования для красного компонента входного изображения.
<feGaussianBlur> SVG-фильтр. Выполняет гауссовую размытость изображения.
<feImage> SVG-фильтр. Получает данные изображения из внешнего источника и предоставляет данные пикселей в качестве вывода.
<feMerge> SVG-фильтр. Создает изображения, наложенные друг на друга.
<feMergeNode> Подэлемент feMerge.
<feMorphology> SVG-фильтр. Выполняет «жирение» или «уменьшение» исходной графики.
<feOffset> SVG-фильтр. Перемещает изображение относительно текущей позиции.
<fePointLight> SVG-фильтр.
<feSpecularLighting> SVG-фильтр. Освещает исходную графику, используя канал alpha в качестве карты рельефа.
<feSpotLight> Элемент света, используемый в SVG-файле.
<feTile> SVG-фильтр. Входное изображение тиснено, результат используется для заполнения цели.
<feTurbulence> SVG-фильтр. Создает изображение с использованием функции шума Perlin.
<filter> Контейнер для эффекта фильтра.
<font> Определяет шрифт.
<font-face> Описание характеристик шрифта.
<font-face-format> Описание типа шрифта, указанного в элементе родителя <font-face-uri>.
<font-face-name> Указывает на копию шрифта, установленного локально, распознается по имени шрифта.
<font-face-src> Эквивалентно свойству @font-face в спецификации CSS.
<font-face-uri> Указывает на удаленный шрифт.
<foreignObject> Разрешает включать элементы из различных пространств имен XML.
<g> Используется для группировки элементов.
<glyph> Определяет графическое представление заданного шрифта.
<glyphRef> Определяет возможные шрифты.
<hkern> Тонко настройте горизонтальное расстояние между двумя вырезанными текстами.
<image> Определяет изображение.
<line> Определяет линию.
<linearGradient> Определяет линейный градиент.
<marker> Определяет графический контур, используемый для рисования стрелки или многоугольного маркера на заданном элементе.
<mask> Определяет элемент затенения.
<metadata> Определяет метаданные.
<missing-glyph> Если для данного символа шрифт не определяет подходящий <glyph>, то представьте содержимое элемента missing-glyph.
<mpath> Цитируйте внешний <path> в качестве определения пути движения.
<path> Определите путь.
<pattern> Определите узор.
<polygon> Определите фигуру, содержащую по крайней мере три стороны.
<polyline> Определите любую форму, состоящую только из прямых линий.
<radialGradient> Определите радиальный градиент.
<rect> Определите прямоугольник.
<script> Определите контейнер скрипта (например, ECMAScript).
<set> Установите значение атрибута с указанным продолжением.
<stop> Конечные точки градиента.
<style> Разрешает вставлять стилизации напрямую в содержимое SVG.
<svg> Создайте фрагмент документа SVG.
<switch> Оцените атрибуты прямых подэлементов по порядку, затем обработайте и представьте первый подэлемент, оцененный как true.
<symbol> Определите объект шаблона графики, который можно инстанцировать с помощью элемента <use>.
<text> Определите текст.
<textPath> Разместите текст в соответствии с формой элемента <path>.
<title> Простая текстовая описание элементов SVG. Агент пользователя может отображать текст как подсказку.
<tref> Цитируйте и повторно используйте любое <text> элемента в документе SVG.
<tspan> Как и элемент <text>, но может быть вложен в текстовый тег и внутри самого себя.
<use> Получите целевую ноду в документе SVG и скопируйте их в другом месте.
<view> Ограниченный способ просмотра изображения, как уровень масштабирования или детализированный вид.
<vkern> Точно регулирует вертикальное расстояние между двумя символами (glyph).