Как заставить SVG работать с IE?

Кто-нибудь знает о всеобъемлющей библиотеке, чтобы заставить SVG работать с IE (в частности, 7 и 8)?

Мне нужен Javascript, который можно было бы включить в мою веб-страницу, и который безмолвно преобразует все мои SVG в VML так же, как это делает excanvas для Canvas.

Ответ 1

Библиотека Raphaël-JavaScript может помочь вам там.

Raphaël использует Рекомендацию SVG W3C и VML в качестве основы для создания графики и поддерживает Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.

EDIT:

Есть еще две js-библиотеки, которые используют vml для рендеринга svgs в IE:

Ample SDK (где должно быть возможно легко интегрировать существующие svg файлы)
DojoX GFX из инструментария Dojo

Ответ 2

Google SVG Web делает это. Согласно веб-сайту проекта:

SVG Web - это библиотека JavaScript, которая обеспечивает поддержку SVG во многих браузерах, включая Internet Explorer, Firefox, и Safari. Использование библиотеки плюс поддержка родного SVG вы можете мгновенно целевой ~ 95% существующих веб-база.

В то время как он описывается как библиотека JavaScript, он также требует Flash 9+. Обычно это не проблема, но если вы работаете в корпоративной среде со старой Flash или без Flash на рабочих станциях, она не будет работать.

Кроме того, он все еще находится в Alpha, что может быть проблемой, в зависимости от вашего проекта.

Ответ 3

Я думаю, что SVGWeb - это путь, даже если он основан на Flash, поскольку VML далеко не достаточно быстр для лотов приложений.

Ответ 4

Adobe предоставляет скрипты для автоматического обнаружения, установки и перенаправления на исходный сайт:

http://support.adobe.com/devsup/devsup.nsf/docs/51780.htm

http://www.adobe.com/svg/workflow/autoinstall.html

Я успешно использовал это на своем сайте.

Ответ 5

Более низкотехнологичное решение - это использовать что-то вроде svg_alike (вставьте здесь уведомление о конфликте интересов:)). Он проверяет поддержку SVG, а затем, если он не находит его, он заменяет все изображения SVG на PNG.

https://github.com/forwardadvance/svg_alike

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

Преимущество в том, что вам не нужно преобразовывать ваши изображения в JavaScript. Я думаю, что он обеспечивает 80% стоимости для 5% работы.