如何使SVG与IE一起工作?

这个 Raphaël—JavaScript Library 能帮到你。

Rapha_«L使用SVG W3C建议和VML作为创建图形的基础,并支持Firefox 3.0+、Safari 3.0+、Opera 9.5+和Internet Explorer 6.0+。

编辑:

还有两个JS库使用vml在IE中呈现SVG:

• Ample SDK (应该可以轻松集成现有SVG文件)
• DojoX GFX 来自Dojo工具包

Google's SVG Web 这样做。根据项目网站:

SVG Web是一个javascript库,它 在许多浏览器上提供SVG支持, 包括Internet Explorer、Firefox, 和狩猎。使用Library Plus 支持本地SVG,您可以立即 目标约95%的现有安装 网络基础。

虽然它被描述为一个javascript库,但它也需要flash 9+。这通常不是问题,但是如果你在一个公司环境中,工作站上有旧的闪存或者没有闪存,那么它就不会工作。

而且,它仍然在alpha中,这可能是一个问题,这取决于您的项目是什么。

我想 SVGWeb 这是一条路,即使它是基于flash的,因为对于许多应用程序来说,vml还远远不够快。

Adobe提供自动检测、安装和重定向回原始站点的脚本:

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

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

我在我的网站上已经相当成功地使用了它。

一个更低技术的解决方案是使用类似svg_的东西(在此处插入利益冲突通知:)。它检查SVG支持,如果找不到它,它会用PNG替换所有SVG图像。

https://github.com/forwardadvance/svg_alike

你失去了平滑矢量缩放和视网膜支持的优势,但IE8用户无论如何都不太可能使用这些功能。

其优点是不必将图像转换为JavaScript。我认为它为5%的工作提供了80%的价值。