grunt-spritesmith
Version:
Grunt task for converting a set of images into a spritesheet and corresponding CSS variables.
71 lines • 1.82 kB
JSON
{
"sprite1": {
"width": 50,
"height": 50,
"total_width": 100,
"total_height": 300,
"x": 0,
"y": 0,
"source_image": "test_files/sprite1.png",
"image": "sprite.basic.jpg",
"offset_x": 0,
"offset_y": 0,
"px": {
"x": "0px",
"y": "0px",
"offset_x": "0px",
"offset_y": "0px",
"height": "50px",
"width": "50px",
"total_height": "300px",
"total_width": "100px"
},
"escaped_image": "sprite.basic.jpg"
},
"sprite2": {
"width": 50,
"height": 50,
"total_width": 100,
"total_height": 300,
"x": 0,
"y": 50,
"source_image": "test_files/sprite2.jpg",
"image": "sprite.basic.jpg",
"offset_x": 0,
"offset_y": -50,
"px": {
"x": "0px",
"y": "50px",
"offset_x": "0px",
"offset_y": "-50px",
"height": "50px",
"width": "50px",
"total_height": "300px",
"total_width": "100px"
},
"escaped_image": "sprite.basic.jpg"
},
"sprite3": {
"width": 100,
"height": 200,
"total_width": 100,
"total_height": 300,
"x": 0,
"y": 100,
"source_image": "test_files/sprite3.png",
"image": "sprite.basic.jpg",
"offset_x": 0,
"offset_y": -100,
"px": {
"x": "0px",
"y": "100px",
"offset_x": "0px",
"offset_y": "-100px",
"height": "200px",
"width": "100px",
"total_height": "300px",
"total_width": "100px"
},
"escaped_image": "sprite.basic.jpg"
}
}