Intelli Image Crop intelligently removes white spaces from raster images. For Javascript and Typescript users.
![Screenshot-1](https://private-user-images.githubusercontent.com/35755386/248590508-a06027f0-3ebc-4ed2-a0cf-a11f685b92bc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwNDAzMjMsIm5iZiI6MTcyMDA0MDAyMywicGF0aCI6Ii8zNTc1NTM4Ni8yNDg1OTA1MDgtYTA2MDI3ZjAtM2ViYy00ZWQyLWEwY2YtYTExZjY4NWI5MmJjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDIwNTM0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg3MjFjMWM0NjU3MzM0MjNiMWEzNGI1MjUwMjA3Mjc5OTcwOWIwNmRkMzgzYmI3Y2ZiZGY5ZTFlZTkyOGVkMGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.PacgjyaXwHV6D0-HbeRZlsZ-GkTeVBimW3nDOQhvdCI)
- Import the module...
const removeImageBlanks = require('intelli-image-crop'); // Legacy Javascript
import removeImageBlanks from 'intelli-image-crop'; // Modern Javascript (React)
- Usage example...
const imageObject = ...; // Your image object
const padding = 10; // Padding value
const cornerRadius = 20; // Corner radius value
const result = removeImageBlanks(imageObject, padding, cornerRadius);
- Make sure the
imageObject
is rasterized (in pixels, not vectors) before you begin...
// Rasterize the canvas
const rasterizedCanvas = document.createElement("canvas");
// Make SURE you mutiply the width and height with the DPR (Device Pixel Ratio)
// for support on high-resolution displays!
rasterizedCanvas.width = viewerCanvas.offsetWidth * window.devicePixelRatio;
rasterizedCanvas.height = viewerCanvas.offsetHeight * window.devicePixelRatio;
const rasterizedContext = rasterizedCanvas.getContext("2d");
rasterizedContext.drawImage(viewerCanvas, 0, 0);