Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    spritesheetjspublic

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

    Keywords

    none

    install

    npm i spritesheetjs

    Downloadsweekly downloads

    10

    version

    1.0.8

    license

    none

    last publish

    collaborators

    • avatar