npm install pngsmithpng engine for [spritesmith][].
[pixelsmith]: https://github.com/twolfson/pixelsmith
[spritesmith]: https://github.com/Ensighten/spritesmith
This can be used for constructing a canvas, placing images on it, and extracting the result image.
npm install pngsmith``javascript
// Convert images into pngsmith objects
var images = ['img1.jpg', 'img2.png'];
pngsmith.createImages(this.images, function handleImages (err, imgs) {
// Create a canvas to draw onto (200 pixels wide, 300 pixels tall)
pngsmith.createCanvas(200, 200, function (err, canvas) {
// Add each image at a specific location (upper left corner = {x, y})
var coordinatesArr = [{x: 0, y: 0}, {x: 50, y: 50}];
imgs.forEach(function (img, i) {
var coordinates = coordinatesArr[i];
canvas.addImage(img, coordinates.x, coordinates.y);
}, canvas);
// Export canvas to image
canvas'export' {
result; // Binary string representing a PNG image of the canvas
});
});
});
`
https://github.com/twolfson/spritesmith-engine-test
[![Support via Gittip][gittip-badge]][gittip]
[gittip-badge]: https://rawgithub.com/twolfson/gittip-badge/master/dist/gittip.png
[gittip]: https://www.gittip.com/twolfson/
It has been released under the [UNLICENSE][].
[UNLICENSE]: UNLICENSE