Руководства по SVG

На этой странице перечислены руководства по SVG, посвящённые таким темам, как встраивание, типы MIME (медиа-типы), работа со скриптами, анимация, фильтры и многое другое.

Применение эффектов SVG к содержимому HTML

Современные браузеры поддерживают использование SVG в стилях CSS для применения графических эффектов к содержимому HTML.

Типы содержимого

В SVG используется несколько типов данных. В этой статье перечислены эти типы, приведён их синтаксис и описано, для чего они предназначены.

Ссылки

Атрибут target элемента SVG a не работает в Mozilla Firefox 1.5. Когда SVG-документы встраиваются в родительский HTML-документ с помощью тега:

Краткое руководство по пространствам имён

Будучи диалектом XML, SVG использует пространства имён. Если вы планируете создавать содержимое SVG, важно понять концепцию пространств имён и то, как они используются. Пространства имён необходимы пользовательским агентам, поддерживающим несколько диалектов XML; браузеры должны строго соблюдать соответствующие правила. Если разобраться в пространствах имён сейчас, это избавит вас от проблем в будущем.

Скрипты

Существует несколько способов создавать SVG и управлять им с помощью JavaScript. В этом документе описаны обработка событий, интерактивность и работа со встроенным содержимым SVG.

Анимация SVG с помощью SMIL

Язык интеграции синхронизированных мультимедиа (SMIL) — язык на основе XML для создания интерактивных мультимедийных презентаций. Авторы могут использовать синтаксис SMIL в других языках на основе XML, чтобы задавать время и расположение элементов для анимации.

SVG в качестве изображения

SVG можно использовать в качестве формата изображения в HTML, CSS, некоторых элементах SVG и через Canvas API. На этой странице перечислены функции, в которых можно указать SVG в качестве источника изображения.

Фильтры SVG

SVG позволяет использовать инструменты, похожие на инструменты языков описания растровой графики, например тени, эффекты размытия и даже объединение результатов разных фильтров. Элемент фильтра <filter> позволяет добавлять такие эффекты, а затем применять их к объекту.

Введение в SVG в HTML

В этой статье и связанном с ней примере показано, как использовать встроенный SVG.

См. также

• Учебные материалы по SVG
• Справочник по SVG