SVG для изображений в браузерах с резервным PNG

Question

SVG для изображений в браузерах с резервным PNG

Это - действительно упрощенный подход, но я использую пару страниц Wiki: один с mysqldump базы данных и одним записанным в немного большем количестве подобного английскому языку формата.

Для проектов я продолжил работать, это было достаточно (через десятки уровня таблиц). Я не знаю, как хорошо это могло бы масштабироваться к большим проектам (скажите в сотнях таблиц), но это было хорошо до сих пор.

26

asp.net html svg

задан Jon Galloway 5 October 2012 в 05:12

3 ответа

Другие вопросы по тегам:

asp.net html svg

Похожие вопросы:

score 14 · Answer 1

Это старый вопрос, но вот другое решение:

Загрузить версию Modernizr , которая урезана до простого тестирования SVG (при условии, что это только тест, который вам нужен).
Запустите тест. Если это пройдет, положить в SVG. Если это не удается, вставьте растровое изображение. По существу:
```
if (!Modernizr.svg) { 
    $("#logo").css("background-image", "url(fallback.png)"); 
}
```

SVG является идеальным вариантом использования для Modernizr , потому что не существует простого нативного способа обеспечить запасной вариант.

Примечание: Браузер не загружает обе версии (png и svg).

Для справки: единственная причина, по которой вам нужен запасной вариант для SVG в наши дни, если вам нужно поддерживать IE 8 и более раннюю версию или более раннюю версию Android.

score 3 · Answer 2

Чтобы решить вашу проблему с изменением размера SVG в теге объекта:

Добавьте атрибуты «preserveAspectRatio» и «viewBox» в тег svg. Откройте файл в текстовом редакторе и найдите тег. в этот тег добавьте следующие атрибуты:

preserveAspectRatio="xMinYMin meet" viewBox="0 0 {width} {height}"

Замените {width} и {height} некоторыми значениями по умолчанию для viewBox. Я использую значения из атрибутов "width" и "height" тега SVG. Сохраните SVG, и теперь он должен масштабироваться как ожидалось.

См .: Как мне масштабировать упрямый SVG, встроенный с помощью < object > tag?

Проблема с SVG в теге объекта, хотя они заключаются в том, что они поглощают щелчки.

SVG как фоновое изображение с резервным PNG: http://www.broken-links.com/2010/06/14/using-svg-in-backgrounds-with-png-fallback/

Мое любимое использование тега img и обработчика ошибки для изменения тега src на PNG.

Еще один хороший ресурс: http://www.schepers.cc/svg/blendups/embedding.html

score 1 · Answer 3

Попробуйте svg-web , у них есть несколько различных способов отображения svg-изображений, включая flash с автоматическим отступлением.