这是一个帮助å‰?端开å?‘工程师将css代ç ?ä¸çš„切片å?ˆå¹¶æˆ?雪碧图的工具;
其�感�� grunt-sprite
,由于其é…?ç½®å?‚æ•°é™?制目录结构ç‰ï¼Œä¸?能满足通用项目需求,现é‡?æ–°é€ è½®å?å?‘布;
它的主�功能是:
- 对css文件进行处�,收集切片�列,生�雪碧图
- 在原css代ç ?ä¸ä¸ºåˆ‡ç‰‡æ·»åŠ
background-position
属性 - 生æˆ?用于高清设备的高清雪碧图,并在cssæ–‡ä»¶æœ«å°¾è¿½åŠ åª’ä½“æŸ¥è¯¢ä»£ç ?
- 支�
image-set
�置高清雪碧图 - 在引用雪碧图的�置打上时间戳
- åœ¨æ ·å¼?æœ«å°¾è¿½åŠ æ—¶é—´æˆ³
- 按照时间戳命å??文件
使用 & 帮助更新
NPM:
Github:
​
上一篇:[CSS笔记]å“?应å¼?页é?¢è§†é¢‘ç‰æ¯”缩放
下一篇:[JS笔记] javascript base64 Encode, Decode
共5评论
CoolGuy说:
于 2014-7-30 9:35:25 #
这个我å°?试了ä¸?支æŒ?PNGä¹‹å¤–çš„æ ¼å¼?,比如JPG。
之�的项目(grunt-sprite)是支�的。
回�
谢亮说:
于 2014-8-13 18:17:55 #
赞
回�
coolle说:
于 2014-9-29 13:30:03 #
当我使用img@2x.png的时候,报错了,错误信�是:Fatal error: Unable to read "./lib/place.png" file (Error code: ENOENT),请问能�能帮我解决一下
回�
zmhan.zhu说:
于 2014-12-10 16:42:14 #
在安装grunt-css-sprite 的时候 会出现“gmâ€?and “phantom.jsâ€?ä¸?是内部命令或外部命令,也ä¸?是å?¯è¿?行的程åº?或批处ç?†æ–‡ä»¶ 这是æ£å¸¸çš„么?
回�
dsadsa说:
于 2016-2-2 17:02:59 #
dsads
回�