SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于 XML 的矢量图形格式，能够在各种分辨率和大小的设备上无损地显示。尽管现代浏览器已经广泛支持 SVG，但仍有许多用户使用旧版浏览器，特别是企业内部系统常常还在使用 IE8 及以下版本。
本文将介绍如何在 IE8 及以下版本中支持 SVG，并提供示例代码和指导意义。
使用 SVGWeb
SVGWeb 是一个 JavaScript 库，用于在不支持 SVG 的浏览器中呈现 SVG 图像。它可以自动检测浏览器是否支持 SVG，如果不支持，则会将 SVG 转换为 VML（Vector Markup Language，矢量标记语言），VML 是 IE8 及以下版本支持的矢量图形格式。
步骤1：下载 SVGWeb
首先，从 SVGWeb 官方网站 http://svgweb.googlecode.com/svn/trunk/release/svgweb-latest.zip 下载最新版本的 SVGWeb。
步骤2：解压文件
将下载的 ZIP 文件解压到您的项目目录下。
步骤3：引入 SVGWeb
在 HTML 文件中引入 SVGWeb：
------- -- -- ---
------- -----------------------------
------------请注意，只有在 IE8 及以下版本中才需要加载 SVGWeb。<!--[if lt IE 9]>...<![endif]--> 是一个条件注释，只有在 IE9 及以下版本中才会解析内部的代码。
步骤4：使用 SVG 图像
现在您可以像往常一样使用 SVG 图像了：
---- ---------------------------------- --------------
----- ------ ------ ----------- --------------
------请注意，SVGWeb 在后台自动将 SVG 转换为 VML（如果浏览器不支持 SVG）或原生 SVG（如果浏览器支持 SVG）。因此，您无需更改任何现有的 SVG 代码即可实现 IE8 及以下版本的兼容性。
总结
在本文中，我们介绍了如何使用 SVGWeb 在 IE8 及以下版本中支持 SVG。尽管这种方法需要引入外部库，但适用于较旧的浏览器和企业内部系统。在编写新项目时，应优先考虑使用现代浏览器支持的原生 SVG。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/14693