css - 是否有用作 CSS 背景的 SVG 的 polyfill？

Question

我想使用 SVG 而不必每次都创建 PNG 后备。这个问题的简单解决方案是什么？我看过这些项目，但不知道他们是否支持它：

http://sie.sourceforge.jp/

http://code.google.com/p/svgweb/

Answer 1

试试 GruntIcon - http://github.com/filamentgroup/grunticon

grunticon 获取一个 SVG 文件文件夹（通常是您在 Adob​​e Illustrator 等应用程序中绘制的图标），并将它们以 3 种格式输出到 CSS：svg 数据 url、png 数据 url 和第三个后备 CSS 文件，其中引用了常规 png 图像，它们也会自动生成并放置在文件夹中。

grunticon 还生成一小部分 JavaScript 和 CSS 以放入您的站点，根据浏览器的功能异步加载适当的图标 CSS，以及带有该加载器脚本的预览 HTML 文件。

Answer 2

有很多 SVG polyfills：

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills#svg

请尝试它们并使用每个结果更新您的初始问题。