Grunticon是Grunt.js任务,可以在包含SVG图像的文件夹中运行。您可以使用PNG图像为好,但效果不会很“vectorish。”
Grunticon的工作原理是把所有这些SVG图标生成,你可以用它来正确地将它们嵌入在网页上,用CSS代码内置的响应布局和视网膜设备的支持。
通过这个程序生成的CSS代码涵盖了所有的基本知识,进来三个不同的版本:
- SVG数据的网址
- PNG数据的网址
- 经典的PNG图像
第三种方法包括一个后备的浏览器不支持SVG数据,渲染SVG图标定期PNG图像。如果SVGs不可用的PNG格式,然后Grunticon将其自动转换为您和将它们放置在一个特殊的文件夹。
通过编辑Grunt.js任务文件的几行,开发者还可以调整的输出图标的特性,从CSS的前缀来预览HTML文件的位置。
沿着用CSS,小JS文件,还可以生成,它可用于异步加载SVG文件,确保它们不会阻塞页面呈现如果多个项目在同一页上使用。
通过Grunticon生成的图标也有能力通过CSS定义样式,在不同颜色的变化渲染,甚至是动画。
。安装说明中提供的软件包的README文件
要求:
- 在Grunt.js 0.4.2或更高李>
评论没有发现