crop-browser

crop-browser

Crop all transparent pixel around an image's edges.

Installation

NPM

You'll then need to bundle your code with a bundler.

npm install crop-browser

CDN

You don't need installation, just import from a CDN.

Usage

// With NPM
import crop from "crop-browser";
// Or simply use directly
import crop from "https://www.unpkg.com/crop-browser";

// Run the async function and display the result
(async () => {
    const cropped = await crop("path/to/image.png");
    // Display the file (for example)
    document.body.appendChild(cropped);
})();

Documentation

crop(input, [options])

Name	Type	Default	Comment
input	String|any	required	Path to the image to process or any type supported by Canvas.prototype.drawImage
options	Options	(see below)	Some options

options

Name	Type	Default	Comment
outputFormat	String	"png"	Format of the output image ("png" or "jpeg")

In addition, all options of detect-edges are supported.

Related

• Only want to detect content edges, see detect-edges
• For the Node.js version see crop-node
• For a CLI version see crop-node-cli

License

MIT