Image Cropper: Let the user mark an image for cropping

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (6)   DownloadInstall with Composer Download .zip   Reputation   Support forum (2)   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 413 All time: 82 This week: 2Up
Version License JavaScript version Categories
image-cropper 1.0BSD License1.0Graphics, Content management
Description Author

This object can let the user mark an image for cropping.

It shows a given image inside a container element to let the user select an area of the image for subsequent cropping.

The object can return the coordinates and dimensions of the selected crop box.

It can invoke given callback functions when the image is loaded initially as well when the selected area changes its position or size.

The minimum and maximum width and height are configurable parameters.

Picture of Daniel Martinez
  Performance   Level  
Name: Daniel Martinez <contact>
Classes: 6 packages by
Country: Spain Spain
Age: 36
All time rank: 191 in Spain Spain
Week rank: 6 Up2 in Spain Spain Down
Innovation award
Innovation award
Nominee: 1x

  • cropped.png
  Files folder image Files  
File Role Description
Files folder imagesrc (3 files)
Files folder imagestyles (1 file)
Accessible without login Plain text file example-image-cropper.html Example Example of use
Plain text file ImageCropper.js Class main class

  Files folder image Files  /  src  
File Role Description
  Accessible without login Image file horse.jpg Data stuff
  Accessible without login Image file marqueeHoriz.gif Data aux image
  Accessible without login Image file marqueeVert.gif Data aux image

  Files folder image Files  /  styles  
File Role Description
  Accessible without login Plain text file cropper.css Data style sheet

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:82
This week:2Up
User Comments (1)
This class work well on my Chrome/Linux.
10 years ago (Dong Nguyen)