SVG внутри веб-сайтов и изящный запасной вариант к .png?

Question

SVG внутри веб-сайтов и изящный запасной вариант к .png?

0

Как люди в настоящее время кодируются в SVG на своих страницах?

Я видел эту нить, от Тодда, отличного разработчика:

http://toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script/

Я также вижу это, от Криса еще одного известного разработчика:

Люди использовали элемент HTML "Объект", однако я хотел бы видеть некоторых людей, у которых уже есть больше опыта, чем у меня. Что лучше всего использовать для SVG с png, при том, что вы должны поддерживать только IE8 и выше, основное внимание уделяется ориентации на более новые браузеры.

У меня есть.png для большей части моего.svg с.ai большей частью графики.

Neil 07 янв. 2014, в 13:32

Источник

Теги:

jquery

html5

svg

png

modernizr

2 ответа

Ещё вопросы

Murali Murugesan · Answer 1 · 2014-01-07T09-58-00.000Z

Ссылка CSS Tricks из вашего вопроса дает ответ.

<img src="image.svg" onerror="this.onerror=null; this.src='image.png'">

или

if (!Modernizr.svg) {
  $(".logo img").attr("src", "images/logo.png");
}

Да, я видел это, однако я хотел получить более широкий спектр информации по этой теме. У Криса есть отличные идеи, но мир - это большое место :)

Patrick · Answer 2 · 2014-01-07T12-38-00.000Z

Мой личный фаворит - техника клоуна. По сути, вы можете включить png src внутри встроенного svg, и он будет показывать только svg для svg-браузеров и png для браузеров, которые не

В настоящее время я использую picturefill.js на странице текущего проекта в другом проекте. Но, как и выше, интересно, если бы было лучше, можете ли вы представить, сколько строк HTML он создал бы, если бы у меня был сайт, полный SVG (в настоящее время @ 50+) ... Спасибо за ответ