Корневой тег <svg>

<< Click to Display Table of Contents >>

Navigation:  Создание окон для клиента визуализации > Рекомендации по созданию окон > Динамизация SVG элементов > Структура SVG файла >

Корневой тег <svg>

В таблице ниже приведены основные атрибуты для определения SVG-документа:

Атрибут

Возможные значения

По умолчанию

Описание

Пример

xmlns

-

Стандартные определения пространства имен XML для SVG.

xmlns="http://www.w3.org/2000/svg"

viewBox

min-x min-y width height

0 0 24 24

Атрибут, который отвечает за размеры окна отображения.

Значением будет 4 цифры: min-x, min-y, width и height.

 

Пример: viewBox="0 0 24 24"

Это значит, что окно отображения начнется в координатах 0 по оси x и 0 по оси y, а по ширине и высоте будет 24 пикселя. При помощи этого атрибута можно кадрировать изображение, указывая нужные значения.

viewBox="0 0 24 24"

width

Только цифры

24

Ширина SVG

width="24"

height

Только цифры

24

Высота SVG

height="24"

Примечание: viewBox кадрирует изображение.

Например, viewBox="0 0 24 24" означает:

Начало координат: (0, 0);

Ширина/высота: 24px.