文件名称：svg-icons:PoC说明了如何拍摄多张SVG图像并将其用作图标作为背景图像
文件大小：8KB
文件格式：ZIP
更新时间：2024-06-03 22:11:04
JavaScript
SVG图标 该项目是一个概念证明，说明了如何拍摄多个SVG图像并将它们用作图标，作为::before伪元素上的背景图像。 您可以在上的博客文章中找到有关该项目的更多信息。 如何使用 安装 只需克隆存储库并运行npm install 。 NPM安装依赖关系后，它将自动构建示例。 咕unt的配置 您应该编辑两个文件： config.js包含您要使用的所有颜色以及图标的比例 SVG中的图标应放在src/images 。 它们应具有圆形比例，例如1：1、1.5：1、2：1等。 如果更改颜色和/或其名称的数量，则需要修改src/styles.scss的背景位置规则。 执行 运行grunt ，这将生成必要的SCSS电子表格。 您可以在dist/找到它。 导入生成的SCSS文件（ @import 'path/to/svg-icons.scss' ），然后根据图标名称扩展类名称。 具有与选择器[c
【文件预览】：
svg-icons-master
----.gitignore(38B)
----README.md(2KB)
----Gruntfile.js(4KB)
----bower.json(378B)
----package.json(672B)
----src()
--------proportions.json(337B)
--------images()
--------styles.scss(1KB)
----helpers()
--------parseEndFile.js(1KB)
----config.js(808B)