примеры SVG
Простые примеры SVG
Простой SVG наглядный пример:
Вот файл SVG (сохранен с расширением SVG SVG-файл):
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg>
Анализ SVG - код:
Первая строка содержит объявление XML. Обратите внимание, что автономный собственность! Этот атрибут определяет "стоит особняком" ли SVG-файл, или содержит ссылку на внешний файл.
не автономный = "нет" означает, что SVG документ содержит ссылку на внешний файл - в этом случае, ОТД.
Вторая и третья строка ссылается на внешний SVG DTD. DTD находится в "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd". DTD расположен W3C, содержащий все допустимые элементы SVG.
SVG-код <SVG> Начальный элемент, включая точение тег <> и SVG закрывающий тег </> SVG. Это корневой элемент. ширина и высота атрибутов можно задать ширину и высоту этого SVG документа. атрибут версии определяет версию SVG используется, XMLNS атрибут определяет пространство имен SVG.
SVG <круг> используется для создания окружности. сх и Сай атрибуты определяют центр окружности х и у координат. Если игнорировать эти два свойства, то точка находится в положении (0, 0). атрибут R определяет радиус окружности.
инсульт и атрибут тактный ширины управляет тем, как контур фигуры. Мы контур окружности установлен в 2px широкие, черные границы.
цвет заливки свойство устанавливается в пределах формы. Мы устанавливаем цвет заливки на красный.
Закрытие тег закрывает SVG корневой элемент и сам документ.
Примечание: Все открывающие теги должны иметь закрывающие теги!