Пример SVG

Просмотреть файл SVG

Если у вас не установлено приложение для просмотра SVG, вы не сможете просмотреть файл SVG.

Комментарий:Firefox 1.5 и Opera 9 поддерживают SVG nativamente. Если вы используете один из этих браузеров, вам не нужно устанавливать просмотрщик SVG.

Скачайте бесплатныйSVG просмотрщик от Adobe.

Просмотреть исходный код SVG

Чтобы увидеть исходный код SVG, откройте эти примеры, затем нажмите правой кнопкой мыши в окне и выберите «Просмотреть исходный код».

Пример SVG

SVG форма

прямоугольник
прямоугольник с прозрачностью
прямоугольник с прозрачностью 2
прямоугольник с закругленными углами
круглый
эллиптический
накладываемые друг на друга три эллипса
две эллипсы
одна линия
треугольник
четырехугольник
линия с отрезками
путь
спiral

Фильтры SVG

фильтр feGaussianBlur
Другой фильтр feGaussianBlur
Фильтр feBlend
Фильтр feColorMatrix
Фильтр feComponentTransfer
Фильтр feOffset
feOffset, feFlood, feComposite, feMerge и feMergeNode
Фильтр feMorphology
Фильтр 1
Фильтр 2
Фильтр 3
Фильтр 4
Фильтр 5
Фильтр 6

Градиенты SVG

Линейный градиент (горизонтальный градиент)
Линейный градиент (вертикальный градиент)
Радиальный градиент
Радиальный градиент 2

SVG Misc

Добавление элемента "a" к прямоугольнику, чтобы он мог быть использован в качестве гиперссылки.
При нажатии пользователя на круг, с помощью JavaScript создается элемент.
Повторяющийся прямоугольник с затуханием в течение 5 секунд
Динамически изменяющие значения свойств x, y, width и height прямоугольника для создания анимации и изменения цвета прямоугольника
Три прямоугольника, изменяющие цвет
Текст, перемещающийся по траектории движения
Текст, перемещающийся, вращающийся и масштабирующийся по траектории движения
Текст, перемещающийся, вращающийся и масштабирующийся по траектории движения, а также прямоугольник, постепенно увеличивающийся в размерах и изменяющий цвет