SVG: Масштабируемая векторная графика

Масштабируемая векторная графика (SVG) — это язык разметки на основе XML для описания двухмерной векторной графики.

Таким образом, это текстовый открытый стандарт для веб-графики, который может быть корректно рендерен при любом размере и специально разработан для эффективной работы с другими веб-стандартами, включая CSS, DOM, JavaScript и SMIL. SVG — это для графики то же, что HTML для текста.

Изображения SVG и их поведение определяются в текстовых файлах XML, что означает, что их можно искать, индексировать, использовать скрипты и сжимать. Кроме того, это означает, что их можно создавать и редактировать с помощью любого текстового редактора или программы для рисования.

По сравнению с классическими растровыми форматами изображений, такими как JPEG или PNG, векторные изображения в формате SVG могут рендериться любого размера без потери качества и легко локализоваться путем обновления текста в них без необходимости использования графического редактора. С помощью соответствующих библиотек файлы SVG могут даже локализоваться динамически.

SVG разрабатывается Консорциумом Всемирной паутины (W3C) с 1999 года.

См. также Учебник по SVG.

Справочник по элементам SVG

Подробная информация о каждом элементе SVG.

Справочник по атрибутам SVG

Подробная информация о каждом атрибуте SVG.

Справочник по интерфейсу DOM SVG

Подробная информация об API SVG DOM для взаимодействия с JavaScript.

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

SVG работает совместно с HTML, CSS и JavaScript.

• Набор тестов SVG
• Валидатор разметки

• Рекомендации по написанию SVG
• SVG как изображение
• Анимация SVG с помощью SMIL
• Календарь-учебник по SVG
• D3 (библиотека JavaScript для визуализации данных с помощью HTML, SVG и CSS)