примеры SVG
Онлайн примеры
Следующий пример SVG кода непосредственно встроен в HTML-код.
Google Chrome, Firefox, Internet Explorer9 и Safari поддерживаются.
Примечание: Следующий пример не будет работать в опере, даже если поддержка Opera SVG - он не поддерживает SVG прямо в HTML - коде.
примеры SVG
SVG Основные фигуры
Прямоугольник с закругленными углами
Определить цвет линии, текст или контур (топить)
Определить ширину линии, текст или контур (инсульт ширины)
Атрибут штрих-linecap определяет конец открытого пути различных типов:
Определение пунктирной линией (штрих-dasharray)
SVG Фильтры
feOffset - компенсировано прямоугольника, а затем в верхней части смесительной смещения изображения
feOffset - Размытие Смещение изображения
feOffset - так, чтобы тени черный
feOffset - затененные цвет с покрытием
feOffset, feFlood, feComposite, feMerge и feMergeNode
SVG Градиент
Горизонтальный линейный градиент от желтого до красного овала
Вертикальный линейный градиент от желтого до красного овала
Горизонтальный линейный градиент от желтого до красного овала в тексте и добавить
Радиальный градиент от белого до синего овала
Радиальный градиент от белого до синего овала другого
SVG Разное
Повторите с 5 секунд исчезают прямоугольник
И изменить цвет прямоугольника становится большим
Это изменит цвет трех прямоугольников
Движение по траектории движущегося текста
Вдоль траектории движения , чтобы перемещать, вращать и масштабировать текст
Вдоль траектории движения , чтобы перемещать, вращать и масштабировать текст + постепенно расширяется и изменение цвета прямоугольника