• 安装glue,用glue批量处理图片的步骤


     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

  • 相关阅读:
    VS2010安装笔记
    Blend4中文版中截取图片的方法
    改变窗口的位置 (转载)
    窗口的位置
    windows消息大全
    WM_MOUSELEAVE和WM_MOUSEHOVER使用
    setwindowpos
    无注册表的COM调用
    WM_CLOSE WM_QUIT WM_DESTROY 三者的区别
    WM_MOUSEWHEEL消息
  • 原文地址:https://www.cnblogs.com/laneyfu/p/5530342.html
Copyright © 2020-2023  润新知