glue批量处理图片:http://glue.readthedocs.io/en/latest/quickstart.html#and-why-those-css-class-names
首先需要安装pip
安装pip的步骤如下: 参考网址 https://pip.pypa.io/en/stable/installing/
1. brew install wget 安装wget
2. wget https://bootstrap.pypa.io/get-pip.py 下载get-pip.py
3. python get-pip.py ,如果安装不上就用 sudo python get-pip.py
4. pip -v 查看pip的版本
pip安装完成
接着需要安装glue,安装步骤如下:
1. brew update 更新 homebrew,如果homebrew是新的可以不用做此操作
2. brew doctor 检查 homebrew
3. brew link jpeg (如果安装不成功,往下)
4. ls /usr/local
5. ls /usr/local/bin
6. ls /usr/local/bin/c
7. ls -al ls /usr/local/lib
8. whoami
9. sudo chown -R $(whoami) /usr/local/lib/
10. brew link jpeg (接着安装)
11. which pip 查看pip路径
12. pip install glue ,如果安装不上,就加上sudo ,权限最高
13. glue -v 查看glue版本
到此glue安装完成
接着就需要走glue自动做雪碧图的步骤了
1. cd 进入项目中images/compress, 用pwd命令查看目录
2. pwd 显示当前目录
3. mkdir register ,在compress下新建register文件夹
4.把需要处理的icons放在register文件夹下
4. glue register sprites 把incons生成雪碧图 ,生成css 文件
5. 在scss文件夹夹下建一个名为_resister_btn.scss的css文件
6. 在 需要应用这些icons雪碧图的css文件 @import 'register_png'
ps的切图工具cutterman
http://www.cutterman.cn/v2/cutterman