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

StackOverflow https://stackoverflow.com/questions/1427051

Вопрос

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

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

Это было полезно?

Решение

Тот Самый Raphaël—Библиотека JavaScript могу помочь вам в этом.

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

Редактировать:

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

  • Достаточный SDK (где должна быть возможность легкой интеграции существующих svg-файлов)
  • DojoX GFX из инструментария Додзе

Другие советы

SVG-сеть Google делает это. По данным сайта проекта:

  

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

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

Кроме того, это все еще в Альфа, что может быть проблемой, в зависимости от того, что ваш проект.

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

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

http://support.adobe.com/devsup/devsup .nsf / документы / 51780.htm

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

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

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

https://github.com/forwardadvance/svg_alike

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top