This library provide support to wide range of cropping features. It support cropping images via touch screen, zooming, rotating, scaling & flipping, using multiple croppers, allows croping images on canvas, allows cropping images on browser-side canvas with cross-browser supports.
At A Glance
An overview of Cropper features.
- Supports Touch
- Multiple Cropper
- Crop on Canvas
- Crop on Browser
- Translate EXIF Info
- Cross-Browser Support
Cropper supports popular Image file formats listed below.
Cropper can be used in multiple environments like Node or browsers etc.
Getting Started with Cropper
The recommended way to install cropper via NPM. Please use the following command to install it.
Install cropper via NPM
npm install cropperjs
You can add image cropping functionality in your apps and users can crop images directly from browser. User can upload or drag drop images in the browser and apply cropping features on it. The API provides cross-browser combatibiliy. The API works fine using latest version of Chrome, FireFox, Safari, Opera, Edge and Ineternet Explorer.
In order to provide flexibiliy, the API provies a bunch of methods to crop images. These methods help the developer to add image cropping featues in the application easily. The API provide the method crop() to crop the image. Furthermoe, you can use reset(), clear(), replace(), enable(), diable(), distroy(), move(), zoom(), roatat(), scale(), getData(), setData(), getCanvasData() and more.