npm install spritesheetjs -g $ spritesheetjs --help Usage: spritesheetjs [options] Options: -h, --help output usage information -V, --version output the version number -d, --source_dir [value] Image source directory -r, --rel_sprite_path [value] relative sprite path -p, --sprite_path [value] Output sprite path -c, --css_path [value] output css pathexample
$ spritesheetjs -d images $ Number of images 6 $ Saved sprite.css $ Saved sprite.pngInstall:
npm install spritesheetjsUse:
var spritesheetjs = require('spritesheetjs'); // Using a directory as a source var sheet = new spritesheetjs({ source_dir: "path/to/images", rel_sprite_path: "", // in case your css file and sprite image are in different directories sprite_path: 'out/sprite.png', css_path: 'out/sprite.css', selector: '.sprite' }); // OR an array of file paths var sheet = new spritesheetjs({ images: ['path/1.jpg', 'path/2.jpg'], rel_sprite_path: "", // in case your css file and sprite image are in different directories sprite_path: 'out/sprite.png', css_path: 'out/sprite.css', selector: '.sprite' }); sheet.spritesheet(function(css){ // css is an array of elements // { // name: image/element name // width, // height, // x, // y // } });