spritesheetjs

1.0.8 • Public • Published

spritesheetjs

Command line example

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 path

example

    $ spritesheetjs -d images
    $ Number of images 6
    $ Saved sprite.css
    $ Saved sprite.png

Node.js example

Install:

npm install spritesheetjs

Use:

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
    // }
});

Readme

Keywords

none

Package Sidebar

Install

npm i spritesheetjs

Weekly Downloads

9

Version

1.0.8

License

none

Last publish

Collaborators

  • biber