【发布时间】:2013-02-08 16:13:16
【问题描述】:
我想使用 SVG 而不必每次都创建 PNG 后备。这个问题的简单解决方案是什么?我看过这些项目,但不知道他们是否支持:
【问题讨论】:
-
刚刚尝试了
http://sie.sourceforge.jp/脚本,它/不/支持它。 -
感谢您的反馈。这将是很好的......
我想使用 SVG 而不必每次都创建 PNG 后备。这个问题的简单解决方案是什么?我看过这些项目,但不知道他们是否支持:
【问题讨论】:
http://sie.sourceforge.jp/ 脚本,它/不/支持它。
试试 GruntIcon - http://github.com/filamentgroup/grunticon
grunticon 获取一个包含 SVG 文件的文件夹(通常是您使用的图标 在 Adobe Illustrator 等应用程序中绘制),并将它们输出到 3 种格式的 CSS:svg 数据 url、png 数据 url 和第三个后备 引用常规 png 图像的 CSS 文件,这些图像也是 自动生成并放置在一个文件夹中。
grunticon 还会生成一小部分 JavaScript 和 CSS 来删除 进入您的网站,它会异步加载适当的图标 CSS 取决于浏览器的功能,以及预览 HTML 文件 该加载程序脚本已到位。
【讨论】:
有相当多的 SVG polyfill:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills#svg
请尝试它们并使用每个结果更新您的初始问题。
【讨论】: