SVG как изображение

Изображения SVG могут использоваться как формат изображения в ряде контекстов. Многие браузеры поддерживают изображения SVG:

Гекко-специфические контексты

Кроме того, Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) представил поддержку использования  SVG iв следующих контекстах:

Ограничения

В целях безопасности, Gecko накладывает некоторые ограничения на контент SVG, когда он используется в качестве изображения:

  • JavaScript отключен.
  • Внешние ресурсы (например, изображеня, таблицы стилей) не могут быть загружены, хотя их можно использовать, если они встроены в данные: URI.
  • :visited-стили ссылок не отображаются.
  • Стилизация виджитов на платформе (основанная на теме ОС) отключена.

Обратите внимание, что вышеуказанные ограничения являются специфическими для контекстов изображения; они не применяются, когда содержимое SVG  просматривается напрямую или когда оно внедрено в виде документа с помощью встраивания элементов <iframe>, <object>, или <embed>.

Спецификации

Спецификация Статус Комментарии
HTML5
Определение 'SVG within <img> element' в этой спецификации.
Рекомендация Определяет использование SVG в элементах <img>.
CSS Backgrounds and Borders Module Level 3
Определение 'SVG within 'background-image' CSS property' в этой спецификации.
Кандидат в рекомендации Определяет использование SVG со свойствами background-image.

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