While working with Stickerify, I've found that I frequently want to perform multiple operations on the image, it gets super verbose to be making Image objects every step of the way. I've been using a small Promise wrapper to fix this:

const promiseStickerify = ( imgSrc, size, color ) => {
	return new Promise( ( resolve, reject ) => {
		const image = new Image();
		image.onload = () => resolve( stickerify( image, size, color ) );
		image.onerror = ( e ) => reject( e );
		image.src = imgSrc;
	} );
};

It can then be used like so:

const paddedImage = await stickerify( imgURL, 15, 'white' )
	.then( ( img ) => stickerify( img.toDataURL(), 3, 'grey' ) );

This is a bit of a departure from how the library currently works, so I didn't want to open a PR without discussing it first. 🙂

This is a super neat little package, thanks for making it available! 🙂

Whilst testing it out, I noticed a bug where it seems like the trim is a little too aggressive, taking an extra row of pixels from the right/bottom. The behaviour becomes very noticeable when running stickerify twice on the same image.

Here's a demo where you can see the bug in action: https://codepen.io/pento/pen/NWvYpRe