Поддержка SVG для Internet Explorer 8 и ниже

Question

Я создал анимацию во флэш-памяти и преобразовал ее в HTML5, используя Swiffy .

Я думаю, что он использует SVG для рендеринга всего этого;Есть ли какой-то JavaScript или хитрость, чтобы IE8 и ниже поддерживали его?Моя анимация хорошо работает с Internet Explorer 9.

Спасибо!

Answer 1

Хотя ни один из вариантов не идеален, есть несколько вариантов:

1.) Adobe имеет плагин SVG для IE8 http://www.iegallery.com/en/addons/detail.aspx?id=444

2.) Raphael JavaScript Framework допускает векторную графикукросс-браузер - http://raphaeljs.com/

3.) Далее идут проекты с открытым исходным кодом: http://code.google.com/p/svg2vml/ и http://code.google.com/p/svgweb/

4.) Существует возможность отображения вспышки дляIE8 и ниже.

5.) Существует возможность изящно ухудшить IE8 и ниже и показать статическое изображение вместо анимации.

В зависимости от причины анимации - Iрекомендовал бы 4 или 5.

Answer 2

Есть два варианта, которые не будут привязывать вас к конкретным фреймворкам (Raphael) или сложным решениям (svgweb):

1. Chrome Frame: если вы собираетесь получить расширение, получите это
2. Растеризация на стороне сервера: отправьте SVG обратно на сервер, inkscape rasterize в png, отправьте обратно.

Если вы идете под номером 2 (да, это дерьмовый вариант) и хотите сохранить кликабельные части и всплывающие подсказки, вам придется использовать невидимые элементы div или метки, которые находятся в HTML поверх визуализированной SVG.

Вы можете повторно использовать информацию о позиционировании из svg для позиционирования этих элементов div, чтобы избежать накладных расходов на эту часть.

Возможно, лучшим вариантом будет дипломатически поощрять их использовать настоящий браузер, но тогда это не всегда возможно для тех, кто живет по правилам неквалифицированного ИТ-отдела;)