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

Масштабируемая векторная графика
Логотип SVG h.svg
Тип интернет-СМИimage/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 , Google Chrome , Opera , Safari и Microsoft Edge , поддерживают рендеринг SVG .

Обзор [ править ]

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

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

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

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

Печать [ править ]

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

Сценарии и анимация [ править ]

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

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

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

Сжатие [ править ]

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

История развития [ править ]

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

  • Веб-схемы, от CCLRC [12]
  • PGML от Adobe Systems , IBM , Netscape и Sun Microsystems [13]
  • VML от Autodesk , Hewlett-Packard , Macromedia , Microsoft и Vision [14]
  • Hyper Graphics Markup Language (HGML) от Orange UK и PRP [15]
  • WebCGM от Boeing , InterCAP Graphics Systems, Inso Corporation , CCLRC и Xerox [16]
  • DrawML, от Excosoft AB [3]

В то время рабочую группу возглавлял Крис Лилли из 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]
  • SVG Tiny 1.2 Portable / Secure, более безопасное подмножество профиля SVG Tiny 1.2, представленное в качестве чернового варианта стандарта IETF 29 июля 2020 года. [22] Также известно как SVG Tiny P / S. SVG Tiny 1.2 Portable / Secure является требованием проекта стандарта BIMI . [23]

Версия 2.x [ править ]

SVG 2.0 удаляет или отменяет некоторые функции SVG 1.1 и включает новые функции HTML5 и Web Open Font Format : [24]

  • Например, SVG 2.0 удаляет несколько элементов шрифта, таких как glyphи altGlyph(заменяется форматом шрифта WOFF).
  • xml:spaceАтрибут является устаревшим в пользу CSS.
  • Были добавлены такие функции HTML5, как translateи data-*атрибуты.
  • Функции обработки текста из SVG Tiny 1.2 аннотированы для включения, но еще не формализованы в тексте. [25] Некоторые другие функции 1.2 были тщательно отобраны, [24] но SVG 2.0 не является расширенным набором SVG tiny 1.2 в целом.

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

Мобильные профили [ править ]

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

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

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

Отличия от немобильного SVG [ править ]

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

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

Связанные работы [ править ]

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

Функциональность [ править ]

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

Пути
Контуры простых или сложных фигур рисуются изогнутыми или прямыми линиями, которые можно заливать, обводить или использовать в качестве обтравочного контура . Пути имеют компактную кодировку.
Например, M(для «перейти к») предшествует начальным числовым координатам x и y , а (для «линии до») предшествует точке, до которой должна быть проведена линия. Другие командные буквы ( , , , , и ) данные предшествуют , которые используются , чтобы привлечь различные Безье и эллиптические кривые. используется для закрытия пути.LCSQTAZ
Во всех случаях абсолютные координаты следуют за командами заглавных букв, а относительные координаты используются после эквивалентных букв нижнего регистра. [38]
Основные формы
Можно рисовать прямолинейные пути и пути, состоящие из серии соединенных прямых отрезков (полилиний), а также замкнутых многоугольников, окружностей и эллипсов. Прямоугольники и прямоугольники с закругленными углами также являются стандартными элементами. [39]
Текст
Текст символов Unicode, включенный в файл SVG, выражается как символьные данные XML . Возможны многие визуальные эффекты, и спецификация SVG автоматически обрабатывает двунаправленный текст (например, для составления комбинации английского и арабского текста), вертикальный текст (как исторически писали китайский) и символы по изогнутой траектории (например, текст вокруг край Большой печати Соединенных Штатов ). [40]
Картина
Фигуры SVG можно заливать и обводить (раскрашивать цветом, градиентом или узором). Заливки могут быть непрозрачными или иметь любую степень прозрачности.
«Маркеры» - это объекты на конце линии, такие как стрелки или символы, которые могут появляться в вершинах многоугольника. [41]
Цвет
Цвета могут быть применены ко всем видимым элементам SVG, либо непосредственно , либо с помощью fill, strokeи другие свойства. Цвета задаются так же, как в CSS2 , то есть с использованием имен, например blackили blue, в шестнадцатеричном виде, например, #2f0или #22ff00, в десятичном виде rgb(255,255,127)или в процентах от формы rgb(100%,100%,50%). [42]
Градиенты и узоры
Фигуры SVG могут быть заполнены или обведены сплошными цветами, как указано выше, либо цветовыми градиентами, либо повторяющимися узорами. Цветовые градиенты могут быть линейными или радиальными (круговыми) и могут включать любое количество цветов, а также повторения. Также можно указать градиенты непрозрачности. Узоры основаны на заранее определенных объектах растровой или векторной графики, которые могут повторяться в xразных yнаправлениях. Градиенты и узоры можно анимировать и создавать сценарии. [43]
С 2008 года среди профессиональных пользователей SVG ведется дискуссия [44] [45] о том, что в спецификацию SVG можно с пользой добавить градиентные сетки или предпочтительно кривые диффузии . Говорят, что «простое представление [с использованием кривых диффузии] способно представить даже очень тонкие эффекты затенения» [46] и что «изображения кривых диффузии сопоставимы как по качеству, так и по эффективности кодирования с градиентными сетками, но их проще создать ( по словам нескольких художников, которые использовали оба инструмента), и может быть полностью автоматически захвачен из растровых изображений ". [47] Текущий проект SVG 2 включает градиентные сетки. [48]
Обрезка, маскирование и композитинг
Графические элементы, включая текст, контуры, основные формы и их комбинации, можно использовать в качестве контуров для определения внутренних и внешних областей, которые можно раскрашивать (цветами, градиентами и узорами) независимо. Полностью непрозрачные пути отсечения и полупрозрачные маски будут собраны вместе , чтобы вычислить цвет и прозрачность каждого пикселя конечного изображения, используя альфа - смешивание. [49]
Эффекты фильтра [50]
Основная статья: эффекты фильтра SVG
Эффект фильтра состоит из серии графических операций, которые применяются к заданной исходной векторной графике для получения модифицированного растрового результата.
Интерактивность
Изображения SVG могут взаимодействовать с пользователями разными способами. В дополнение к гиперссылкам, упомянутым ниже, любая часть изображения SVG может быть сделана восприимчивой к событиям пользовательского интерфейса, таким как изменение фокуса , щелчки мыши, прокрутка или масштабирование изображения и другие события указателя, клавиатуры и документа. Обработчики событий могут запускать, останавливать или изменять анимацию, а также запускать сценарии в ответ на такие события. [51]
Связывание
Изображения SVG могут содержать гиперссылки на другие документы с использованием XLink . Благодаря использованию <view>элемента или идентификатор фрагмента , URL - адреса можно связать с SVG - файлов , которые изменяют видимую область документа. Это позволяет создавать определенные состояния просмотра, которые используются для увеличения / уменьшения определенной области или для ограничения просмотра определенным элементом. Это полезно при создании спрайтов . Поддержка XLink в сочетании с <use>элементом также позволяет связывать и повторно использовать внутренние и внешние элементы. Это позволяет кодерам делать больше с меньшим количеством разметки и делает код более чистым. [52]
Сценарии
Доступ ко всем аспектам документа SVG и управление ими можно получить с помощью сценариев аналогично HTML. По умолчанию языком сценариев является JavaScript, и для каждого элемента и атрибута SVG определены объекты объектной модели документа (DOM). Скрипты заключены в <script>элементы. Они могут запускаться в ответ на события указателя, события клавиатуры и события документа по мере необходимости. [53]
Анимация
Основная статья: SVG-анимация
Содержимое SVG можно анимировать с помощью встроенных элементов анимации, таких как <animate>, <animateMotion>и <animateColor>. Контент можно анимировать, манипулируя DOM с помощью ECMAScript и встроенных таймеров языка сценариев. SVG-анимация была разработана для совместимости с текущими и будущими версиями языка синхронизированной интеграции мультимедиа (SMIL). Анимации могут быть непрерывными, они могут циклически повторяться и могут реагировать на пользовательские события, как упоминалось выше. [54]
Шрифты
Как и в случае с HTML и CSS, текст в SVG может ссылаться на файлы внешних шрифтов, например системные шрифты. Если требуемые файлы шрифтов не существуют на машине, на которой отображается файл SVG, текст может отображаться не так, как задумано. Чтобы преодолеть это ограничение, текст может отображаться шрифтом SVG , где необходимые глифы определены в SVG как шрифт, на который затем ссылается <text>элемент. [55]
Метаданные
В соответствии с W3C «ы Semantic Web инициативного, SVG позволяет авторам предоставлять метаданные о содержании SVG. Основное средство - это <metadata>элемент, в котором документ может быть описан с использованием свойств метаданных Dublin Core (например, заголовок, создатель / автор, тема, описание и т. Д.). Также могут использоваться другие схемы метаданных. Кроме того, SVG определяет элементы <title>и <desc>элементы, авторы которых могут также предоставлять описательный материал в виде простого текста в изображении SVG, чтобы помочь при индексации, поиске и извлечении с помощью ряда средств. [56]

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

Пример [ править ]

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

<? xml version = "1.0" encoding = "UTF-8" standalone = "no"?> <svg  width = "391"  height = "391"  viewBox = "-70.5 -70.5 391 391"  xmlns = "http: / /www.w3.org/2000/svg " > <rect  fill = " #fff "  stroke = " # 000 "  x = " -70 "  y = " -70 "  width = " 390 "  height = " 390 " /> <g  opacity = "0.8" > <rect  x = "25"  y = "25" width = "200"  height = "200"  fill = "green"  stroke-width = "4" stroke = "pink"  /> <circle  cx = "125"  cy = "125"  r = "75"  fill = "orange"  /> <polyline  points = "50,150 50,200 200,200 200,100"  stroke = "red"  ширина штриха = "4"  fill = "none"  /> <line  x1 = "50"  y1 = "50"  x2 = "200"  y2 = "200"  stroke = "blue"  stroke-width = "4"  /> </g> </svg>

SVG в Интернете [ править ]

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

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

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

Встроенная поддержка браузера [ править ]

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

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

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

  • Opera (начиная с 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).
  • Все браузеры, основанные на движке компоновки Gecko (например, Firefox , Flock , Camino и SeaMonkey ), не полностью поддерживают полную спецификацию SVG 1.1 с 2005 года. На сайте Mozilla есть обзор модулей, поддерживаемых в Firefox [65] и модулей, которые находятся в разработке. [66] Gecko 1.9, включенный в Firefox 3.0 , добавляет поддержку большей части спецификации SVG (включая фильтры). [67]
  • Pale Moon , использующий механизм компоновки Goanna ( ответвление движка Gecko ), поддерживает SVG.
  • Браузеры на основе WebKit (например, Apple , 's Safari , Google Chrome и The Omni Group ' ы OmniWeb ) имели неполную поддержку SVG 1.1 Полная спецификация с 2006 года [68]
  • Amaya частично поддерживает SVG.
  • Internet Explorer 8 и более ранние версии не поддерживают SVG. [69] [70] IE9 (выпущен 14 марта 2011 г.) поддерживает базовый набор функций SVG. [71] IE10 расширил поддержку SVG за счет добавления фильтров SVG 1.1. [72]
  • Microsoft Edge поддерживает SVG 1.1. [73]
  • Браузер Maxthon Cloud также поддерживает SVG. [ необходима цитата ]

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

Мобильная поддержка [ править ]

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 Sun продемонстрировала мобильную реализацию SVG Tiny 1.1 для платформы Connected Limited Device Configuration (CLDC). [75]

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

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

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

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

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

Windows Phone поддерживает SVG с версии 7.5.

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

Поддержка приложений [ править ]

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

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

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

См. Также [ править ]

Масштабируемая векторная графика
  • sXBL
  • Рабочая группа SVG
  • Эффекты фильтра SVG
  • Язык разметки точной графики
  • Язык векторной разметки
  • XHTML + MathML + SVG
  • SVG анимация
  • Сравнение компоновки двигателей (SVG)
  • v
  • т
  • е
  • Элемент холста
  • Сравнение форматов графических файлов
  • Сравнение программ преобразования растров в векторные
  • Сравнение редакторов векторной графики
  • Компьютерная графика
  • Метафайл компьютерной графики
  • Форматы файлов изображений
  • Независимость разрешения
  • Файлы SVG в MediaWiki on Commons: Справка: SVG

Ссылки [ править ]

  1. ^ "Регистрация типа носителя для изображения / svg + xml" . W3C . Проверено 5 февраля 2014 .
  2. ^ «Типы СМИ XML» . Проверено 5 февраля 2014 .
  3. ^ a b «Секретное происхождение SVG» . Консорциум World Wide Web . 21 декабря 2007 . Проверено 1 января 2011 года .
  4. ^ a b «Масштабируемая векторная графика (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. ^ Например, dev .w3 .org / SVG / profiles / 1 .1F2 / test / harness / htmlObject / Compl -viewers-01-t .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. ^ a b Феррайоло, Джон (16 августа 2011 г.). «Спецификация масштабируемой векторной графики (SVG) 1.1» . Консорциум World Wide Web . Проверено 14 апреля 2016 года .
  19. ^ Capin, Толга (15 июня 2009). «Профили Mobile SVG: SVG Tiny и SVG Basic» . Консорциум World Wide Web . Проверено 24 октября 2010 года .
  20. ↑ Андерссон, Ола (22 декабря 2008 г.). "Масштабируемая векторная графика (SVG) Tiny 1.2 Specification" . Консорциум World Wide Web . Проверено 24 февраля 2010 года .
  21. ^ Dengler, Патрик (8 июля 2010). «Знакомство с SVG 2.0: отчет Лицом к лицу Рабочей группы SVG (24 мая - 1 июня 2010 г.)» . Сеть разработчиков Microsoft . Microsoft . Проверено 26 августа 2010 года .
  22. ^ "SVG Tiny Portable / Secure" . IETF - Инженерная группа Интернета . Проверено 9 февраля 2021 года .
  23. ^ «Руководство по внедрению» . BIMI Group . Проверено 9 февраля 2021 года .
  24. ^ a b «Приложение K: отличия от SVG 1.1» . Консорциум World Wide Web. 26 мая 2020 . Проверено 31 декабря 2020 года .
  25. ^ «Глава 11: Текст» . Консорциум World Wide Web. 26 мая 2020 . Проверено 31 декабря 2020 года .
  26. ^ «Масштабируемая векторная графика (SVG) 2» . Консорциум World Wide Web. 26 мая 2020 . Дата обращения 13 сентября 2020 .
  27. ^ a b "SVG Tiny 1.2" . Масштабируемая векторная графика (SVG) Tiny 1.2. Спецификация . W3C . 22 декабря 2008 . Проверено 5 марта 2014 .
  28. ^ «SVG в службах передачи мультимедийных сообщений и потоковой передачи 3GPP (версия от марта 2003 г.)» . SVG Открыть. 2003 . Проверено 19 октября 2009 года .
  29. ^ «Служба обмена мультимедийными сообщениями 3GPP (MMS); форматы мультимедиа и кодеки (выпуск 5); 3GPP TS 26.140 V5.2.0 (2002-12 гг.); Технические характеристики» ( zip doc) . 3GPP . 2 января 2003 . Проверено 25 февраля 2010 года .
  30. ^ «Партнерский проект третьего поколения; технические спецификации групповых услуг и системных аспектов; служба обмена мультимедийными сообщениями (MMS); мультимедийные форматы и кодеки (выпуск 5)» ( документ в архиве ) . 3GPP TS 26.140 V5.2.0 (2002-12) . 3GPP . Март 2003 . Проверено 24 февраля 2010 года .
  31. ^ «Детали спецификации 3GPP - 3GPP TS 26.141: IP-мультимедийная система (IMS), обмен сообщениями и присутствие; медиаформаты и кодеки» . 3GPP . 10 декабря 2009 . Проверено 24 февраля 2010 года .
  32. ^ «Создание интерактивных веб-сайтов с использованием масштабируемой векторной графики (SVG) - [с примерами]» . intelegain.com. Архивировано из оригинального 21 ноября 2018 года . Проверено 21 ноября 2018 .
  33. ^ «Список телефонов, поддерживающих SVG» . Svg.org. Архивировано из оригинала 8 января 2010 года . Проверено 24 октября 2010 года .
  34. ^ Concolato, Кирилл (июль 2005). "Белая книга MPEG-4 LASeR" . Международная организация по стандартизации . Проверено 29 августа 2010 года .
  35. ^ «ISO / IEC 14496-20: 2008 - Информационные технологии - Кодирование аудиовизуальных объектов - Часть 20: Легкое представление сцены приложения (LASeR) и простой формат агрегирования (SAF)» . Международная организация по стандартизации . Проверено 30 октября 2009 года .
  36. ^ «LASeR - стандарт MPEG для мультимедийных сервисов» (PDF) . Проверено 11 апреля 2010 года .
  37. ^ Chiariglione, Леонардо (8 марта 2005). «Оседлание медиа-битов - биты и байты» . Архивировано из оригинального 25 сентября 2010 года . Проверено 30 октября 2009 года .
  38. ^ "Спецификация SVG," Пути " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  39. ^ "Спецификация SVG," Основные формы " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  40. ^ "Спецификация SVG," Текст " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  41. ^ «Спецификация SVG,« Рисование: заливка, обводка и символы маркеров » » . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  42. ^ "Спецификация SVG," Цвет " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  43. ^ "Спецификация SVG," Градиенты и узоры " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  44. ^ "Журнал IRC SVG от 17 ноября 2008 г." . W3C. 2008 . Проверено 25 мая 2009 года . DS: Приоритетами должны быть макет, кривые диффузии, 2.5D, и убедитесь, что мы хорошо работаем с CSS в этом
  45. ^ «Предложения по следующей спецификации SVG» . W3C. 16 марта 2009 . Проверено 25 мая 2009 года . Действительно, мы действительно планируем добавить новые возможности градиента в SVG в следующей версии, и мы изучаем кривые диффузии, которые, я думаю, будут соответствовать вашим потребностям ... * Кривые диффузии * кажется действительно отличной идеей.
  46. Перейти ↑ Rusin, Zack (2008). «SVG в KDE: Свобода красоты» . SVG Открыть . Проверено 25 мая 2009 года .
  47. ^ Орзан, Александрина; Буссо, Адриан; Виннемёллер, Хольгер; Барла, Паскаль; Толлот, Жоэль; Салесин, Дэвид (2008). «Кривые диффузии: векторное представление для изображений с плавной заливкой» (PDF) . Транзакции ACM на графике . 27 . DOI : 10.1145 / 1360612.1360691 . Проверено 25 мая 2009 года .
  48. ^ "Scalable Vector Graphics (SVG) 2, W3C Editor's Draft 13 June 2013" . SVG WG. 2013 . Проверено 17 сентября 2013 года .
  49. ^ «Спецификация SVG,« Отсечение, маскирование и композитинг » » . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  50. ^ "Спецификация SVG," Эффекты фильтров " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  51. ^ "Спецификация SVG," Интерактивность " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  52. ^ "Спецификация SVG," Сценарии " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  53. ^ "Спецификация SVG," Анимация " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  54. ^ "Спецификация SVG," Шрифты " " . Консорциум World Wide Web. 14 января 2003 . Проверено 19 октября 2009 года .
  55. ^ "Спецификация SVG," Метаданные " " . Консорциум World Wide Web . Проверено 19 октября 2009 года .
  56. ^ Stanescu, Богдан; Сарапата, Джон (31 августа 2010 г.). «Google теперь индексирует SVG» . Центральный блог веб-мастеров . Google, Inc . Проверено 1 сентября 2010 года .
  57. ^ "googleimages" . Google, Inc. 8 декабря 2010 . Проверено 17 февраля 2011 года .
  58. ^ Singhal, Амит (11 февраля 2011). «На этой неделе в поиске 11.02.11» . Google, Inc . Проверено 17 февраля 2011 года .
  59. ^ Streichardt, Andreas (16 сентября 2003). «KDE покоряет векторы с помощью KSVG» . Новости KDE . Проверено 11 февраля 2012 года .
  60. ^ «Ошибка 276431 - внешний SVG не загружается из тега img» . Mozilla {{несогласованные цитаты}} Цитировать журнал требует |journal=( помощь )
  61. ^ Lusotec (25 февраля 2009). «Изображение SVG не отображается в Firefox» . mozilla.dev.tech.svg . Группы Google . Проверено 25 февраля 2010 года .
  62. ^ Brettz9 (25 августа 2008). «Введение в SVG в HTML» . Центр разработчиков Mozilla . Mozilla . Проверено 25 февраля 2010 года .
  63. ↑ Свенссон, Питер (10 сентября 2008 г.). «Создатель Интернета обнаружил недостаток в Internet Explorer» . NBC News . Ассошиэйтед Пресс . Проверено 25 февраля 2010 года .
  64. ^ «SVG в Firefox» . Центр разработчиков Mozilla . Mozilla . 23 октября 2009 . Проверено 25 февраля 2010 года .
  65. ^ "Статус Mozilla SVG" . Mozilla . Проверено 25 февраля 2010 года .
  66. ^ Mgjbot (15 января 2008). «Улучшения SVG в Firefox 3» . Центр разработчиков Mozilla . Mozilla . Проверено 25 февраля 2010 года .
  67. ^ "Статус WebKit SVG" . WebKit . 5 января 2010 . Проверено 25 февраля 2010 года .
  68. ^ "Windows Internet Explorer 8 Expert Zone Chat (19 июня 2008 г.)" . Microsoft. 19 июня 2008 . Проверено 24 октября 2010 года .
  69. ↑ Шиллер, Джефф (13 февраля 2010 г.). «Поддержка SVG» . Проверено 25 февраля 2010 года .
  70. ^ «Что нового в Internet Explorer 9» . Сеть разработчиков Microsoft . Microsoft . 22 марта 2011 . Проверено 22 марта 2011 года .
  71. ^ «SVG (Windows)» . Центр разработки для Internet Explorer . Microsoft . Проверено 27 августа 2014 года .
  72. ^ «Состояние и план возможностей веб-платформы Microsoft Edge - Разработка Microsoft Edge» . developer.microsoft.com . Проверено 19 апреля 2018 года .
  73. ^ "Будьте готовы к просмотру без плагинов" . MSDN . 2014 . Проверено 5 марта 2014 .
  74. ^ "Конференция и выставка SVG Open 2005 - Труды - Пользовательские интерфейсы, ориентированные на мультфильм" . svgopen.org . Проверено 29 августа 2010 года .
  75. ^ «Браузер не отображает изображения SVG» . Проверено 1 января 2011 года .
  76. ^ «Firefox Mobile 4.0b2 (бета) для Android поддерживает изображения SVG» . Проблема Android 1376 . 16 декабря 2010 . Проверено 29 января 2014 .
  77. ^ «Поддержка SVG» . RIM . Проверено 6 октября 2011 года .
  78. ^ "BlackBerry Torch Таблица показателей разработчика HTML5" . Сенча . Проверено 6 октября 2011 года .
  79. ^ «Информация о продукте S60» . S60.com. Архивировано из оригинального 13 октября 2007 года . Проверено 19 октября 2009 года .
  80. ^ Jezic Дамир (15-17 июля 2002). «SVG для встраиваемых систем» . Цюрих 2002 . svgopen.org . Проверено 5 апреля 2012 года .
  81. ^ "eSVG" . Интеллектуальное встроенное программное обеспечение Intesis . 2010 . Проверено 29 января 2014 .
  82. ^ Селинджер, Петр (2001-2013). «Potrace - Преобразование растровых изображений в векторную графику» . Проект SourceForge Potrace . Проверено 29 января 2014 .
  83. ^ "Векторизация / трассировка" . Вики по Inkscape . 2012 . Проверено 29 января 2014 .

Внешние ссылки [ править ]

  • Спецификации страницы W3C SVG , список реализаций
  • W3C SVG Primer W3C Primer (черновик) под эгидой SVG Interest Group
  • Масштабируемая векторная графика в Curlie