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

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

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

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

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

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

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

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

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

Применение эффектов SVG к содержимому HTML SVG работает вместе с HTML , CSS и JavaScript .

Инструменты Набор тестов SVG Валидатор разметки Примеры Руководство по созданию SVG SVG как изображение SVG-анимация с помощью SMIL Художественная галерея SVG D3 (библиотека JavaScript для визуализации данных с помощью HTML, SVG и CSS)