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

"SVG" перенаправляется сюда. Для использования в других целях см. SVG (значения).
Для получения справки об изображениях SVG в Википедии см. Википедия: справка по SVG.

Масштабируемая векторная графика
Логотип SVG h.svg
Тип интернет-СМИизображение / svg + xml[1][2]
Единый идентификатор типа (UTI)public.svg-image
РазработанW3C
изначальный выпуск4 сентября 2001 г. (19 лет назад) (2001-09-04)
Последний релиз
1.1 (второе издание)
(16 августа 2011 г.; 9 лет назад (2011-08-16))
Тип форматаВекторная графика
Расширен сXML
СтандартW3C SVG
Открытый формат ?да
Интернет сайтwww.w3.org/Графика/ SVG/
Масштабируемая векторная графика

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

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

Все основные современные веб-браузеры -включая Mozilla Firefox, Internet Explorer, Гугл Хром, Опера, Сафари, и Microsoft Edge -имеют Поддержка рендеринга SVG.

Обзор

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

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

SVG допускает три типа графических объектов: векторная графика фигуры, такие как контуры и контуры, состоящие из прямых линий и кривых, битовая карта изображения и текст. Графические объекты могут быть сгруппированы, стилизованы, преобразованы и объединены в ранее оказано объекты. В набор функций входят вложенные трансформации, обтравочные контуры, альфа-маски, эффекты фильтра и объекты-шаблоны. Рисунки SVG можно интерактивный и может включать анимация, определенные в элементах SVG XML или через сценарии который обращается к SVG Объектная модель документа (ДОМ). 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]

Печать

Хотя в спецификации SVG основное внимание уделяется язык разметки векторной графики, в его конструкции заложены основные возможности язык описания страницы как Adobe PDF. Он содержит условия для богатой графики и совместим с CSS для стилизации. SVG содержит информацию, необходимую для размещения каждого глифа и изображения в выбранном месте на печатной странице.[7]

Скрипты и анимация

Основная статья: SVG анимация

Рисунки SVG могут быть динамическими и интерактивными. Изменения элементов, основанные на времени, могут быть описаны в SMIL, или может быть запрограммирован в язык сценариев (например. ECMAScript или же JavaScript ). W3C явно рекомендует SMIL как стандарт анимации в SVG.[8]

Богатый набор обработчики событий Такие как "при наведении курсора на" и "по щелчку" может быть назначен любому графическому объекту SVG для применения действий и событий.

Сжатие

Изображения SVG, будучи XML, содержат много повторяющихся фрагментов текста, поэтому они хорошо подходят для сжатие данных без потерь алгоритмы. Когда изображение SVG было сжато gzip алгоритм, он называется изображением "SVGZ" и использует соответствующий .svgz расширение имени файла. Программы просмотра, соответствующие стандарту SVG 1.1, будут отображать сжатые изображения.[9] Файл SVGZ обычно составляет от 20 до 50 процентов от исходного размера.[10] W3C предоставляет файлы SVGZ для проверки на соответствие.[11]

История развития

SVG был разработан W3C Рабочая группа SVG начиная с 1998 года, после того как в этом году было получено шесть конкурсных работ по векторной графике:

В то время рабочую группу возглавлял Крис Лилли из W3C.

Версия 1.x

  • SVG 1.0 стал Рекомендация W3C 4 сентября 2001 г.[17]
  • SVG 1.1 стал Рекомендацией W3C 14 января 2003 г.[18] Спецификация SVG 1.1 разбита на модули, что позволяет определять подмножества как профили. Кроме того, между SVG 1.1 и SVG 1.0 очень мало различий.
    • SVG Tiny и SVG Basic (мобильные профили SVG) стали Рекомендациями W3C 14 января 2003 г. Они описаны как профили SVG 1.1.[19]
  • SVG Tiny 1.2 стал рекомендацией W3C 22 декабря 2008 года.[20] Первоначально он был разработан как профиль запланированного SVG Full 1.2 (который с тех пор был отклонен в пользу SVG 2),[21] но позже была преобразована в отдельную спецификацию.
  • Второе издание SVG 1.1, которое включает в себя все исправления и уточнения, но не было выпущено никаких новых функций в исходном SVG 1.1 16 августа 2011 года.[4]

Версия 2.x

SVG 2.0 удаляет или отменяет некоторые функции SVG 1.1 и включает новые функции из HTML5 и Формат открытого веб-шрифта:

  • Например, SVG 2.0 удаляет несколько элементов шрифта, таких как глиф и altGlyph (заменен форматом шрифта WOFF).
  • В xml: пробел атрибут устарел в пользу CSS.
  • Возможности HTML5, такие как переведите и данные-* добавлены атрибуты.

Он достиг стадии рекомендации кандидата 15 сентября 2016 года. Последний проект был выпущен 26 мая 2020 года.[22]

Мобильные профили

В связи с отраслевым спросом в SVG 1.1 были представлены два мобильных профиля: SVG Tiny (SVGT) и SVG Basic (SVGB).

Это подмножества полного стандарта SVG, в основном предназначенные для пользовательские агенты с ограниченными возможностями. В частности, SVG Tiny был определен для мобильных устройств с жесткими ограничениями, таких как сотовые телефоны; он не поддерживает стили или сценарии.[23] SVG Basic был определен для мобильных устройств более высокого уровня, таких как смартфоны.

В 2003 г. 3GPP Международная группа по телекоммуникационным стандартам приняла SVG Tiny в качестве обязательного мультимедийного формата векторной графики для телефонов следующего поколения. SVGT является обязательным форматом векторной графики, и поддержка SVGB не является обязательной для Служба мультимедийных сообщений (MMS) и потоковая передача с коммутацией пакетов.[24][25][26] Это было позже[когда? ] добавлен как необходимый формат для векторной графики в 3GPP Подсистема IP-мультимедиа (IMS).[27][28]

Отличия от немобильного SVG

Ни один из мобильных профилей не включает поддержку полной объектной модели документа (DOM), в то время как только SVG Basic имеет дополнительную поддержку сценариев, но поскольку они являются полностью совместимыми подмножествами полного стандарта, большая часть графики SVG все еще может отображаться на устройствах, которые поддерживают только мобильные профили.[29]

SVGT 1.2 добавляет microDOM (μDOM), стили и сценарии.[23]

Связанных с работой

В MPEG-4, часть 20 стандарт - Облегченное представление сцены приложения (LASeR) и простой формат агрегирования (SAF) основан на SVG Tiny.[30] Он был разработан MPEG (ISO / IEC JTC1 / SC29 / WG11) и опубликован как ISO / IEC 14496-20: 2006.[31] Возможности SVG расширены в MPEG-4 Part 20 ключевыми функциями для мобильных сервисов, такими как динамические обновления, двоичное кодирование, представление шрифтов по последнему слову техники.[32] SVG также был размещен в MPEG-4, часть 11, в Расширяемый текстовый формат MPEG-4 (XMT) - текстовое представление мультимедийного контента MPEG-4 с использованием XML.[33]

Функциональность

Спецификация SVG 1.1 определяет 14 функциональных областей или наборов функций:[18]

Пути
Контуры простых или сложных фигур рисуются изогнутыми или прямыми линиями, которые можно заливать, обводить или использовать в качестве обтравочный контур. Пути имеют компактную кодировку.
Например, M (для "перейти к") предшествует начальному числовому Икс и у координаты, и L (для «линии до») предшествует точке, до которой должна быть проведена линия. Дополнительные командные буквы (C, S, Q, Т, и А) предшествуют данным, которые используются для рисования различных Безье и эллиптический кривые. Z используется для закрытия пути.
Во всех случаях абсолютные координаты следуют за командами с заглавными буквами, а относительные координаты используются после эквивалентных букв нижнего регистра.[34]
Основные формы
Можно рисовать прямолинейные пути и пути, состоящие из серии соединенных прямых отрезков (полилиний), а также замкнутых многоугольников, окружностей и эллипсов. Прямоугольники и прямоугольники с закругленными углами также являются стандартными элементами.[35]
Текст
Текст символа Unicode, включенный в файл SVG, выражается как XML символьные данные. Возможны многие визуальные эффекты, и спецификация SVG автоматически обрабатывает двунаправленный текст (например, для составления комбинации английского и арабского текста), вертикальный текст (как исторически писали китайский) и символы по изогнутой траектории (например, текст вокруг край Большая печать Соединенных Штатов ).[36]
Картина
Фигуры SVG можно заливать и обводить (раскрашивать цветом, градиентом или узором). Заливки могут быть непрозрачными или иметь любую степень прозрачности.
«Маркеры» - это объекты на конце линии, такие как стрелки или символы, которые могут появляться в вершинах многоугольника.[37]
Цвет
Цвета могут применяться ко всем видимым элементам SVG напрямую или через наполнять, Инсульт, и другие свойства. Цвета указываются так же, как в CSS2, т.е. используя такие имена, как чернить или же синий, в шестнадцатеричный Такие как # 2f0 или же # 22ff00, в десятичном виде RGB (255 255 127), или в процентах от формы RGB (100%, 100%, 50%).[38]
Градиенты и узоры
Фигуры SVG могут быть заполнены или обведены сплошными цветами, как указано выше, либо цветовыми градиентами, либо повторяющимися узорами. Цветовые градиенты могут быть линейными или радиальными (круговыми) и могут включать любое количество цветов, а также повторения. Также можно указать градиенты непрозрачности. Паттерны основаны на предопределенных растровых или векторных графических объектах, которые могут повторяться в Икс и у направления. Градиенты и узоры можно анимировать и создавать сценарии.[39]
С 2008 г. ведется обсуждение[40][41] среди профессиональных пользователей SVG, которые либо градиент сетки или предпочтительно кривые диффузии может быть полезно добавить в спецификацию SVG. Говорят, что «простое представление [с использованием кривых диффузии] способно представить даже очень тонкие эффекты затенения»[42] и что «изображения кривой диффузии сопоставимы как по качеству, так и по эффективности кодирования с градиентными сетками, но их проще создавать (по словам нескольких художников, которые использовали оба инструмента), и их можно захватить из растровых изображений полностью автоматически».[43] Текущий проект SVG 2 включает градиентные сетки.[44]
Обрезка, маскирование и композитинг
Графические элементы, включая текст, контуры, основные формы и их комбинации, могут использоваться в качестве контуров для определения обоих внутри и за пределами области, которые можно раскрашивать (цветами, градиентами и узорами) независимо. Полностью непрозрачный обтравочные контуры и полупрозрачный маски находятся составлен вместе, чтобы вычислить цвет и непрозрачность каждого пикселя окончательного изображения, используя альфа смешивание.[45]
Эффекты фильтра[46]
Основная статья: Эффекты фильтра SVG
Эффект фильтра состоит из серии графических операций, которые применяются к заданной исходной векторной графике для создания измененного растровый результат.
Интерактивность
Изображения SVG могут взаимодействовать с пользователями разными способами. В дополнение к гиперссылкам, как указано ниже, любую часть изображения SVG можно сделать восприимчивой к пользовательскому интерфейсу. События такие как изменения в фокус, щелчки мыши, прокрутка или масштабирование изображения и другие события указателя, клавиатуры и документа. Обработчики событий могут запускать, останавливать или изменять анимацию, а также запускать сценарии в ответ на такие события.[47]
Связывание
Изображения SVG могут содержать гиперссылки на другие документы, используя XLink. За счет использования <view> элемент или идентификатор фрагмента, URL может ссылаться на файлы SVG, которые изменяют видимую область документа. Это позволяет создавать определенные состояния просмотра, которые используются для увеличения / уменьшения определенной области или для ограничения просмотра определенным элементом. Это полезно при создании спрайты. XLink поддержка в сочетании с <use> element также позволяет связывать и повторно использовать внутренние и внешние элементы. Это позволяет кодерам делать больше с меньшим количеством разметки и делает код более чистым.[48]
Сценарии
Доступ ко всем аспектам документа SVG и управление ими с помощью сценариев аналогично HTML. Язык сценариев по умолчанию - ECMAScript (тесно связанный с JavaScript ) и определены Объектная модель документа (DOM) объекты для каждого элемента и атрибута SVG. Скрипты заключены в <script> элементы. Они могут запускаться в ответ на события указателя, события клавиатуры и события документа по мере необходимости.[49]
Анимация
Основная статья: SVG анимация
Контент SVG можно анимировать с помощью встроенных элементов анимации, таких как <animate>, <animateMotion> и <animateColor>. Контент можно анимировать, манипулируя DOM с помощью ECMAScript и встроенных таймеров языка сценариев. SVG-анимация была разработана для совместимости с текущими и будущими версиями Синхронизированный язык интеграции мультимедиа (Улыбается). Анимации могут быть непрерывными, они могут циклически повторяться и могут реагировать на пользовательские события, как упоминалось выше.[50]
Шрифты
Как и в случае с HTML и CSS, текст в SVG может ссылаться на файлы внешних шрифтов, например системные шрифты. Если требуемые файлы шрифтов не существуют на машине, на которой отображается файл SVG, текст может отображаться не так, как задумано. Чтобы преодолеть это ограничение, текст можно отображать в Шрифт SVG, где требуется глифы определены в SVG как шрифт, на который затем ссылаются <text> элемент.[51]
Метаданные
В соответствии с W3C с Семантическая сеть инициативы, SVG позволяет авторам предоставлять метаданные о содержимом SVG. Основным объектом является <metadata> элемент, в котором документ можно описать с помощью Дублинское ядро свойства метаданных (например, название, создатель / автор, тема, описание и т. д.). Также могут использоваться другие схемы метаданных. Кроме того, SVG определяет <title> и <desc> элементы, авторы которых могут также предоставить описательный материал в виде простого текста в изображении SVG, чтобы облегчить индексацию, поиск и извлечение различными способами.[52]

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

Пример

Пример разметки SVG grid.svg

Этот код создаст цветные фигуры, показанные на изображении, за исключением сетки и меток:

<?xml version="1.0" encoding="UTF-8" standalone="no"?> ширина ="391" высота ="391" viewBox ="-70.5 -70.5 391 391" xmlns ="http://www.w3.org/2000/svg"> fill ="#fff" ход ="#000" х ="-70" y ="-70" ширина ="390" высота ="390"/><г непрозрачность ="0.8">	 х ="25" y ="25" ширина ="200" высота ="200" fill ="зеленый" ширина штриха ="4" ход ="розовый" />	<круг cx ="125" cy ="125" r ="75" fill ="апельсин" />	<ломаная линия баллы ="50,150 50,200 200,200 200,100" ход ="красный" ширина штриха ="4" fill ="никто" />	<строка x1 ="50" y1 ="50" x2 ="200" y2 ="200" ход ="синий" ширина штриха ="4" /></g></svg>

SVG в сети

SVG экспортирован из КОМПАС-График [Викиданные ]

Использование SVG в Интернете было ограничено из-за отсутствия поддержки в более старых версиях Internet Explorer (IE). Многие веб-сайты, которые обслуживают изображения SVG, например Википедия, также предоставьте изображения в растровый формат, либо автоматически HTTP согласование содержания или позволяя пользователю напрямую выбирать файл.

Google объявил 31 августа 2010 года, что он начал индексировать SVG-контент в Интернете, независимо от того, находится ли он в отдельных файлах или встроен в HTML, и что пользователи начнут видеть такой контент среди результатов поиска.[53]8 декабря 2010 г. было объявлено, что Поиск картинок Google также начнет индексировать файлы SVG.[54] Сайт объявил о возможности ограничить поиск изображений файлами SVG 11 февраля 2011 года.[55] Поисковая система в Интернете может анализировать и перемещаться по этому формату.[56]

Встроенная поддержка браузера

Konqueror был первым браузером, который поддерживал SVG в версии 3.2, выпущенной в феврале 2004 года.[57] По состоянию на 2011 год все основные браузеры для настольных ПК и многие второстепенные имеют определенный уровень поддержки SVG. Реализации других браузеров еще не завершены; видеть сравнение компоновочных двигателей для получения дополнительной информации.

Некоторые более ранние версии Firefox (например, версии от 1.5 до 3.6[58]), а также некоторые другие устаревшие веб-браузеры, способные отображать графику SVG, нуждались в том, чтобы они были встроены в <object> или же <iframe> элементы чтобы отображать их как части веб-страницы HTML вместо использования стандартного способа интеграции изображений с <img>.[59] Однако изображения SVG могут быть включены в страницы XHTML с помощью Пространства имен XML.[60]

Тим Бернерс-Ли, изобретатель Всемирная паутина, критиковал ранние версии Internet Explorer за то, что они не поддерживали SVG.[61]

  • Опера (с версии 8.0) поддерживает спецификацию SVG 1.1 Tiny, а Opera 9 включает поддержку SVG 1.1 Basic и часть SVG 1.1 Full. Opera 9.5 частично поддерживает SVG Tiny 1.2. Он также поддерживает SVGZ (сжатый SVG).
  • Браузеры на базе Геккон механизм компоновки (Такие как Fire Fox, Стадо, Камино, и SeaMonkey ) все они имели неполную поддержку полной спецификации SVG 1.1 с 2005 года. На сайте Mozilla есть обзор модулей, которые поддерживаются в Firefox.[62] и модулей, которые находятся в разработке.[63] Gecko 1.9, входит в Firefox 3.0, добавляет поддержку спецификации SVG (включая фильтры).[64]
  • Бледная луна, который использует Goanna макетный движок (вилка Геккон движок), поддерживает SVG.
  • Браузеры на базе WebKit (Такие как яблоко с Сафари, Гугл Хром, и Группа Омни с OmniWeb ) не полностью поддерживали полную спецификацию SVG 1.1 с 2006 года.[65]
  • Amaya имеет частичную поддержку SVG.
  • Internet Explorer 8 и более старые версии не поддерживают SVG.[66][67] IE9 (выпущен 14 марта 2011 г.) поддерживает базовый набор функций SVG.[68] IE10 расширяет поддержку SVG за счет добавления фильтров SVG 1.1.[69]
  • Microsoft Edge поддерживает SVG 1.1.[70]
  • В Облачный браузер Maxthon также поддерживает SVG.[нужна цитата ]

У нативной и полной поддержки есть несколько преимуществ: плагины не нужны, SVG можно свободно смешивать с другим содержимым в одном документе, а рендеринг и создание сценариев становятся значительно более надежными.[71]

Мобильная поддержка

SVG Tiny (SVGT) 1.1 и 1.2 - мобильные профили для SVG. SVGT 1.2 включает некоторые функции, отсутствующие в SVG 1.1, в том числе немасштабируемые штрихи, которые поддерживаются некоторыми реализациями SVG 1.1, такими как Opera, Firefox и WebKit. По мере увеличения общих кодовых баз между настольными и мобильными браузерами также увеличивалось использование SVG 1.1 по сравнению с SVGT 1.2.

Поддержка SVG может быть ограничена SVGT в более старых или более ограниченных версиях. смартфоны или могут быть в первую очередь ограничены соответствующей операционной системой. Adobe Flash Lite опционально поддерживает SVG Tiny с версии 1.1. На конференции SVG Open 2005, солнце продемонстрировали мобильную реализацию SVG Tiny 1.1 для Подключенная ограниченная конфигурация устройства (CLDC) платформа.[72]

Мобильные телефоны, которые используют Opera Mobile, так же хорошо как iPhone Встроенный браузер, также включает поддержку SVG. Однако, несмотря на то, что он использовал WebKit двигатель, Android встроенный браузер не поддерживал SVG до версии 3.0 (Honeycomb).[73] До версии 3.0 Firefox Mobile 4.0b2 (бета) для Android был первым браузером, работающим под Android, который по умолчанию поддерживал SVG.[74]

Уровень доступной поддержки SVG Tiny варьируется от мобильного к мобильному, в зависимости от установленного движка SVG. Многие новые мобильные продукты поддерживают дополнительные функции помимо SVG Tiny 1.1, такие как градиент и прозрачность; это иногда называют «SVGT 1.1+», хотя такого стандарта нет.

RIM с Ежевика имеет встроенную поддержку SVG Tiny 1.1 начиная с версии 5.0.[75] Поддержка браузера BlackBerry Torch на базе WebKit продолжается в OS 6 и 7.[76]

Nokia с Платформа S60 имеет встроенную поддержку SVG. Например, значки обычно отображаются с использованием механизма SVG платформы. Nokia также возглавила JSR 226: Scalable 2D Vector Graphics. API экспертная группа, определяющая Java ME API для представления и обработки SVG. Этот API был реализован в S60 Platform 3rd Edition Feature Pack 1 и более поздних версиях.[77] Немного Телефоны Series 40 также поддерживает SVG (например, Nokia 6280 ).

Наиболее Сони Эрикссон телефоны, начинающиеся с K700 (по дате выпуска) поддержка SVG Tiny 1.1. Телефоны, начинающиеся с K750 также поддерживают такие функции, как непрозрачность и градиенты. Телефоны с Платформа Java Sony Ericsson-8 есть поддержка JSR 226.

телефон с операционной системой Виндоус поддерживает SVG с версии 7.5.

SVG также поддерживается на различных мобильных устройствах от Motorola, Samsung, LG, и Siemens на мобильном /BenQ-Siemens. eSVG, библиотека визуализации SVG, написанная в основном для встроенный устройств, доступен на некоторых мобильных платформах.[78][79]

Поддержка приложения

Изображения SVG можно создавать с помощью редактор векторной графики, Такие как Inkscape, Adobe Illustrator, Adobe Flash Professional, или же CorelDRAW, и предоставлен в общий растр форматы изображений, такие как PNG используя то же программное обеспечение. Кроме того, редакторы любят Inkscape и Прямой SVG предоставить инструменты для отслеживания растровых изображений Кривые Безье обычно используются серверные части, такие как Potrace,[80][81] автотрассировка, и imageetracerjs.

Программное обеспечение можно запрограммировать для рендеринга изображений SVG с помощью библиотека Такие как librsvg использован ГНОМ с 2000 года, или Батик. Изображения SVG также можно преобразовать в любой желаемый популярный формат изображения с помощью ImageMagick, бесплатная утилита командной строки (которая также использует librsvg под капотом).

Другие варианты использования SVG включают встраивание для использования в обработка текста (например, с LibreOffice ) и настольная издательская система (например. Scribus ), построение графиков (например. гнуплот ) и импорт путей (например, для использования в GIMP или же Блендер ). Microsoft 365 и Microsoft Office 2019 предлагают поддержку для импорта и редактирования изображений SVG. В Единый идентификатор типа для SVG, используемого Apple, public.svg-image и соответствует public.image и public.xml.

Смотрите также

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

Рекомендации

  1. ^ "Регистрация типа носителя для изображения / svg + xml". W3C. Получено 5 февраля 2014.
  2. ^ "Типы мультимедиа XML". Получено 5 февраля 2014.
  3. ^ а б "Тайное происхождение SVG". Консорциум World Wide Web. 21 декабря 2007 г.. Получено 1 января 2011.
  4. ^ а б «Масштабируемая векторная графика (SVG) 1.1 (второе издание)». W3C.
  5. ^ Капин, Толга. «Профили Mobile SVG: SVG Tiny и SVG Basic». W3C. Получено 28 января 2017.
  6. ^ «Масштабируемая векторная графика (SVG) 2». W3C. Получено 28 января 2017.
  7. ^ Алексей, Данило; Фудзисава, июн (2002). «SVG как язык описания страниц». svgopen.org. Получено 24 февраля 2010.
  8. ^ Пол, Феста (9 января 2003 г.). «W3C выпускает стандарт сценариев, предостережение». CNet. Получено 24 февраля 2010.
  9. ^ Видеть www.w3.org/ TR/ SVG11/ соответствовать.html#ConformingSVGViewers в котором говорится: «Реализации SVG должны правильно поддерживать потоки данных с кодировкой gzip [RFC1952] и с дефляцией [RFC1951] для любого типа контента (включая SVG, файлы сценариев, изображения)».
  10. ^ «Сохранение сжатого SVG (SVGZ)». Зона SVG. Adobe Systems. 14 июля 2009 г.. Получено 24 февраля 2010.
  11. ^ Например, разработчик.w3.org/ SVG/ профили/1.1F2/тест/упряжь/ htmlObject/ согласные-зрители-01-т.html
  12. ^ «Схематическая графика». www.w3.org.
  13. ^ Аль-Шамма, Набиль; Роберт Эйерс; Ричард Кон; Джон Феррайоло; Мартин Ньюэлл; Роджер К. де Брай; Кевин МакКласки; Джерри Эванс (10 апреля 1998 г.). «Язык разметки точной графики (PGML)». W3C. Получено 8 мая 2009.
  14. ^ Мэтьюз, Брайан; Брайан Дистер; Джон Боулер; Штайн Говарда Купера; Аджай Джиндал; Туан Нгуен; Питер Ву; Трой Сандал (13 мая 1998 г.). «Язык векторной разметки (VML)». W3C. Получено 8 мая 2009.
  15. ^ «Язык разметки гиперграфии (HGML)». www.w3.org.
  16. ^ «Профиль WebCGM». xml.coverpages.org.
  17. ^ Феррайоло, Джон (4 сентября 2001 г.). «Спецификация масштабируемой векторной графики (SVG) 1.0». Консорциум World Wide Web. Получено 24 февраля 2010.
  18. ^ а б Феррайоло, Джон (16 августа 2011 г.). «Спецификация масштабируемой векторной графики (SVG) 1.1». Консорциум World Wide Web. Получено 14 апреля 2016.
  19. ^ Капин, Толга (15 июня 2009 г.). «Профили Mobile SVG: SVG Tiny и SVG Basic». Консорциум World Wide Web. Получено 24 октября 2010.
  20. ^ Андерссон, Ола (22 декабря 2008 г.). «Спецификация Scalable Vector Graphics (SVG) Tiny 1.2». Консорциум World Wide Web. Получено 24 февраля 2010.
  21. ^ Денглер, Патрик (8 июля 2010 г.). «Знакомство с SVG 2.0: очный отчет рабочей группы по SVG (24 мая - 1 июня 2010 г.)». Сеть разработчиков Microsoft. Microsoft. Получено 26 августа 2010.
  22. ^ «Масштабируемая векторная графика (SVG) 2». Консорциум World Wide Web. 26 мая 2020. Получено 13 сентября 2020.
  23. ^ а б «SVG Tiny 1.2». Масштабируемая векторная графика (SVG) Tiny 1.2, спецификация. W3C. 22 декабря 2008 г.. Получено 5 марта 2014.
  24. ^ «SVG в службах передачи мультимедийных сообщений и потоковой передачи 3GPP (версия от марта 2003 г.)». SVG Открыть. 2003 г.. Получено 19 октября 2009.
  25. ^ "Служба обмена мультимедийными сообщениями 3GPP (MMS); форматы мультимедиа и кодеки (версия 5); 3GPP TS 26.140 V5.2.0 (2002-12); технические характеристики" (застегнутый док). 3GPP. 2 января 2003 г.. Получено 25 февраля 2010.
  26. ^ «Партнерский проект третьего поколения; технические спецификации групповых услуг и системных аспектов; служба обмена мультимедийными сообщениями (MMS); мультимедийные форматы и кодеки (выпуск 5)» (застегнутый док). 3GPP TS 26.140 V5.2.0 (2002-12). 3GPP. Март 2003 г.. Получено 24 февраля 2010.
  27. ^ «Подробная спецификация 3GPP - 3GPP TS 26.141: Обмен сообщениями и присутствие в мультимедийной IP-системе (IMS); медиаформаты и кодеки». 3GPP. 10 декабря 2009 г.. Получено 24 февраля 2010.
  28. ^ «Создание интерактивных веб-сайтов с использованием масштабируемой векторной графики (SVG) - [с примерами]». intelegain.com. Архивировано из оригинал 21 ноября 2018 г.. Получено 21 ноября 2018.
  29. ^ «Список телефонов, поддерживающих SVG». Svg.org. Архивировано из оригинал 8 января 2010 г.. Получено 24 октября 2010.
  30. ^ Конколато, Кирилл (июль 2005 г.). "Официальный документ MPEG-4 LASeR". Международная организация по стандартизации. Получено 29 августа 2010.
  31. ^ «ISO / IEC 14496-20: 2008 - Информационные технологии. Кодирование аудиовизуальных объектов. Часть 20: Облегченное представление сцены приложения (LASeR) и простой формат агрегирования (SAF)». Международная организация по стандартизации. Получено 30 октября 2009.
  32. ^ «LASeR - стандарт MPEG для мультимедийных сервисов» (PDF). Получено 11 апреля 2010.
  33. ^ Кьяриглионе, Леонардо (8 марта 2005 г.). "Оседлание медиа-битов - биты и байты". Архивировано из оригинал 25 сентября 2010 г.. Получено 30 октября 2009.
  34. ^ «Спецификация SVG», Пути"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  35. ^ «Спецификация SVG», Основные фигуры"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  36. ^ «Спецификация SVG», текст"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  37. ^ «Спецификация SVG», Рисование: символы заливки, обводки и маркеров"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  38. ^ «Спецификация SVG», Цвет"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  39. ^ «Спецификация SVG», градиенты и узоры"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  40. ^ "Журнал IRC SVG от 17 ноября 2008 г.". W3C. 2008 г.. Получено 25 мая 2009. DS: Приоритетами должны быть макет, кривые диффузии, 2.5D, и убедитесь, что мы хорошо работаем с CSS в этом направлении.
  41. ^ «Предложения по следующей спецификации SVG». W3C. 16 марта 2009 г.. Получено 25 мая 2009. Действительно, мы действительно планируем добавить новые возможности градиента в SVG в следующей версии, и мы изучаем кривые диффузии, которые, я думаю, будут соответствовать вашим потребностям ... * Кривые диффузии * кажется действительно отличной идеей.
  42. ^ Русин, Зак (2008). «SVG в KDE: Свобода красоты». SVG Открыть. Получено 25 мая 2009.
  43. ^ Орзан, Александрина; Буссо, Адриан; Виннемёллер, Хольгер; Барла, Паскаль; Толлот, Жоэль; Салесин, Дэвид (2008). «Кривые диффузии: векторное представление для изображений с гладкой заливкой» (PDF). Транзакции ACM на графике. 27. Дои:10.1145/1360612.1360691. Получено 25 мая 2009.
  44. ^ "Масштабируемая векторная графика (SVG) 2, проект редактора W3C 13 июня 2013 г.". SVG WG. 2013. Получено 17 сентября 2013.
  45. ^ «Спецификация SVG», обрезка, маскирование и композитинг"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  46. ^ «Спецификация SVG», эффекты фильтров"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  47. ^ «Спецификация SVG», интерактивность"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  48. ^ «Спецификация SVG», Сценарии"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  49. ^ «Спецификация SVG», Анимация"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  50. ^ «Спецификация SVG», Шрифты"". Консорциум World Wide Web. 14 января 2003 г.. Получено 19 октября 2009.
  51. ^ «Спецификация SVG», метаданные"". Консорциум World Wide Web. Получено 19 октября 2009.
  52. ^ Станеску, Богдан; Сарапата, Джон (31 августа 2010 г.). «Google теперь индексирует SVG». Центральный блог веб-мастеров. Google, Inc. Получено 1 сентября 2010.
  53. ^ "Google изображения". Google, Inc. 8 декабря 2010 г.. Получено 17 февраля 2011.
  54. ^ Сингхал, Амит (11 февраля 2011 г.). «На этой неделе в поиске 11.02.11». Google, Inc. Получено 17 февраля 2011.
  55. ^ "Подходит ли SVG для SEO?". Ашмит. 6 апреля 2020 г.. Получено 24 июн 2020.
  56. ^ Штрейхард, Андреас (16 сентября 2003 г.). «KDE покоряет векторы с помощью KSVG». Новости KDE. Получено 11 февраля 2012.
  57. ^ «Ошибка 276431 - внешний SVG не загружается из тега img». Mozilla {{несогласованные цитаты}} Цитировать журнал требует | журнал = (помощь)
  58. ^ Lusotec (25 февраля 2009 г.). "Изображение SVG не отображается в Firefox". mozilla.dev.tech.svg. Группы Google. Получено 25 февраля 2010.
  59. ^ Brettz9 (25 августа 2008 г.). «Введение в SVG в HTML». Центр разработчиков Mozilla. Mozilla. Получено 25 февраля 2010.
  60. ^ Свенссон, Питер (10 сентября 2008 г.). «Создатель Интернета обнаружил недостаток в Internet Explorer». Новости NBC. Ассошиэйтед Пресс. Получено 25 февраля 2010.
  61. ^ «SVG в Firefox». Центр разработчиков Mozilla. Mozilla. 23 октября 2009 г.. Получено 25 февраля 2010.
  62. ^ «Статус Mozilla SVG». Mozilla. Получено 25 февраля 2010.
  63. ^ Mgjbot (15 января 2008 г.). «Улучшения SVG в Firefox 3». Центр разработчиков Mozilla. Mozilla. Получено 25 февраля 2010.
  64. ^ "Статус WebKit SVG". WebKit. 5 января 2010 г.. Получено 25 февраля 2010.
  65. ^ «Чат экспертной зоны Windows Internet Explorer 8 (19 июня 2008 г.)». Microsoft. 19 июня 2008 г.. Получено 24 октября 2010.
  66. ^ Шиллер, Джефф (13 февраля 2010 г.). «Поддержка SVG». Получено 25 февраля 2010.
  67. ^ «Что нового в Internet Explorer 9». Сеть разработчиков Microsoft. Microsoft. 22 марта 2011 г.. Получено 22 марта 2011.
  68. ^ «SVG (Windows)». Центр разработки Internet Explorer. Microsoft. Получено 27 августа 2014.
  69. ^ «Статус веб-платформы Microsoft Edge и план развития - Microsoft Edge Development». developer.microsoft.com. Получено 19 апреля 2018.
  70. ^ "Будьте готовы к просмотру без плагинов". MSDN. 2014. Получено 5 марта 2014.
  71. ^ "Конференция и выставка SVG Open 2005 - Труды - Пользовательские интерфейсы, ориентированные на мультфильм". svgopen.org. Получено 29 августа 2010.
  72. ^ «Браузер не отображает изображения SVG». Получено 1 января 2011.
  73. ^ «Firefox Mobile 4.0b2 (бета) для Android поддерживает изображения SVG». Android Проблема 1376. 16 декабря 2010 г.. Получено 29 января 2014.
  74. ^ «Поддержка SVG». RIM. Получено 6 октября 2011.
  75. ^ "BlackBerry Torch: рейтинг разработчиков HTML5". Сенча. Получено 6 октября 2011.
  76. ^ "Информация о продукте S60". S60.com. Архивировано из оригинал 13 октября 2007 г.. Получено 19 октября 2009.
  77. ^ Джезич, Дамир (15–17 июля 2002 г.). «SVG для встраиваемых систем». Цюрих 2002. svgopen.org. Получено 5 апреля 2012.
  78. ^ «eSVG». Интеллектуальное встроенное программное обеспечение Intesis. 2010. Получено 29 января 2014.
  79. ^ Селинджер, Питер (2001–2013). «Potrace - Преобразование растровых изображений в векторную графику». SourceForge проект Potrace. Получено 29 января 2014.
  80. ^ «Векторизация / трассировка». Inkscape вики. 2012. Получено 29 января 2014.

внешняя ссылка