gulp-svgfallback:从svg图标生成png精灵

时间:2024-06-12 05:09:27
【文件属性】:

文件名称:gulp-svgfallback:从svg图标生成png精灵

文件大小:73KB

文件格式:ZIP

更新时间:2024-06-12 05:09:27

JavaScript

gulp-svgfallback 从svg源生成png精灵。 对所有svg源只运行一次phantomjs 不创建任何临时文件 允许使用自定义CSS模板 选项 backgroundUrl —背景图像的url,默认情况下设置为输出png fileName; cssTemplate —自定义CSS lodash模板的路径; spriteWidth — Sprite的最大宽度, default: 400值为default: 400 。 自动选项: 每个图标的css类设置为对应文件的名称; 输出png和css文件名设置为第一个文件的基本目录的名称。 如果您的工作流程不同,请使用gulp-rename重命名源或结果文件。 用法 以下任务将输出icons.png和icons.css: var svgfallback = require ( 'gulp-svgfallback' )


【文件预览】:
gulp-svgfallback-main
----.travis.yml(62B)
----index.js(3KB)
----test.js(5KB)
----package.json(873B)
----templates()
--------style.css(241B)
--------sprite.html(384B)
----test()
--------src()
----fallback-parachute.png(65KB)
----LICENSE(1KB)
----.gitignore(621B)
----README.md(5KB)
----.jshintrc(330B)

网友评论