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