hcSpriteCuter.js:一个雪碧图拆图小工具

原创
2014/08/15 09:10
阅读数 1.4K

hcSpriteCuter

<p>a nodejs cut sprite images into single image</p>

<p>在学习和研究别人程序的过程中,我们需要从一个由多张小图合并而成的雪碧图中抠出其中一张或者几张图片,传统的做法是用ps直接进行抠图。 hcSpriteCuter是一个用nodejs写的一个雪碧图拆分工具。</p> <p>demo</p> <p>假设我有一张图片:</p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/copte.png" ></p> <p>运行:</p> <p>node hcSpriteCuter.js copte.png </p>

<p>则程序会在export目录下将copte.png切成一下多个图片:</p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte0.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte1.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte2.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte3.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte4.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte5.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte6.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte7.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte8.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte9.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte10.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte11.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte12.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte13.png" ></p> <p><img src="https://raw.githubusercontent.com/luyongfugx/hcSpriteCuter/master/export/copte/copte14.png" ></p>

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
2 收藏
2
分享
返回顶部
顶部