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


Масштабируемая векторная графика ( SVG ) — это формат векторного изображения на основе XML для двумерной графики с поддержкой интерактивности и анимации. Спецификация SVG — это открытый стандарт , разработанный Консорциумом World Wide Web (W3C) с 1999 года.

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

SVG разрабатывался Консорциумом World Wide Web (W3C) с 1999 года, после того как в 1998 году в консорциум было подано шесть конкурирующих предложений по языкам векторной графики (см. ниже). [3]

Ранняя рабочая группа SVG решила не разрабатывать какие-либо коммерческие предложения, а создать новый язык разметки, основанный на них, но не основанный на них. [3]

SVG допускает три типа графических объектов: векторные графические фигуры (например, контуры, состоящие из прямых линий и кривых), растровые изображения и текст. Графические объекты можно группировать, стилизовать, преобразовывать и компоновать в ранее визуализированные объекты. Набор функций включает вложенные преобразования , обтравочные контуры , альфа-маски , эффекты фильтров и объекты шаблонов. Рисунки SVG могут быть интерактивными и включать анимацию , определенную в XML-элементах SVG или с помощью сценариев , которые обращаются к объектной модели документа SVG (DOM). SVG использует CSSдля стилей и JavaScript для сценариев. Текст, включая интернационализацию и локализацию , отображаемый в виде обычного текста в SVG DOM, повышает доступность графики SVG. [4]

Спецификация SVG была обновлена ​​до версии 1.1 в 2011 году. Существует два «мобильных профиля SVG»: SVG Tiny и SVG Basic, предназначенные для мобильных устройств с ограниченными вычислительными возможностями и возможностями отображения. [5] Масштабируемая векторная графика 2 стала рекомендацией кандидата W3C 15 сентября 2016 года. SVG 2 включает несколько новых функций в дополнение к функциям SVG 1.1 и SVG Tiny 1.2. [6]


Это изображение иллюстрирует разницу между растровыми и векторными изображениями. Растровое изображение состоит из фиксированного набора пикселей, а векторное изображение состоит из фиксированного набора фигур. На картинке масштабирование растрового изображения показывает пиксели, а масштабирование векторного изображения сохраняет формы.