<commit_before>智能合并CSS精灵图(Sprite)
=======================

使用nodejs实现, 依赖[CSSOM](https://github.com/NV/CSSOM), [node-canvas](https://github.com/learnboost/node-canvas)

使用 [bin-packing](https://github.com/jakesgordon/bin-packing) 算法排列图片, 后续支持选择其他算法

在此, 感谢这些开源项目的作者

什么是智能?
=========

编写css 文件时什么都不用管, 该用什么图片用什么图片, 该怎么定位就怎么定位

发布前执行 spriter, 所有合并图片和定位都自动帮你完成

支持情况
=======

##没有使用 background-position 定位的情况下

    div{
        background: url(../images/tips_icons.png);
    }
    =>
    div{
        background: url(../images/sprite_1.png) -48px -48px;
    }

##background-position写在 background 属性里

    div{
        background: url(../images/tips_icons.png) -42px 0;
    }
    =>
    div{
        background: url(../images/sprite_1.png) 0 -174px;
    }

##background-image 和 background-position 不使用简写

    div{
        background-image: url(../images/tips_icons.png);
        background-position: 0 -40px;
    }
    =>
    div{
        background: url(../images/sprite_1.png) -142px -86px;
    }

使用方法
=======

    git clone https://github.com/iazrael/intelligent-spriter.git

    copy src to your project

    modify the config.example.json and rename it with any name you want

    node ./src/spriter.js config.json

    that's all<commit_msg>Update master<commit_after>#智能合并CSS精灵图(Intelligent Spriter)

站在巨人的肩膀上
================

使用nodejs实现, 依赖[CSSOM](https://github.com/NV/CSSOM), [node-canvas](https://github.com/learnboost/node-canvas)

使用 [bin-packing](https://github.com/jakesgordon/bin-packing) 算法排列图片, 后续支持选择其他算法

在此, 感谢这些开源项目的作者

什么是智能?
=========

编写css 文件时什么都不用管, 该用什么图片用什么图片, 该怎么定位就怎么定位

发布前执行 spriter, 所有合并图片和定位都自动帮你完成

支持情况
=======

##没有使用 background-position 定位的情况下

    div{
        background: url(../images/tips_icons.png);
    }
    =>
    div{
        background: url(../images/sprite_1.png) -48px -48px;
    }

##background-position写在 background 属性里

    div{
        background: url(../images/tips_icons.png) -42px 0;
    }
    =>
    div{
        background: url(../images/sprite_1.png) 0 -174px;
    }

##background-image 和 background-position 不使用简写

    div{
        background-image: url(../images/tips_icons.png);
        background-position: 0 -40px;
    }
    =>
    div{
        background: url(../images/sprite_1.png) -142px -86px;
    }

使用方法
=======

    git clone https://github.com/iazrael/intelligent-spriter.git

    copy src to your project

    modify the config.example.json and rename it with any name you want

    node ./src/spriter.js config.json

    that's all
{'fraction_non_alphanumeric': 0.1587554846429996, 'fraction_numerical': 0.017550857598723574, 'mean_word_length': 2.817351598173516, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1576732', 'n_tokens_mistral': 1103, 'n_tokens_neox': 1107, 'n_words': 168}