Image Cropper: Let the user mark an image for cropping

Recommend this page to a friend!
     
  Info   Screenshots   View files Files   Download Download   Reputation   Support forum   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

Daniel Martinez

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: 38
All time rank: 191 in Spain Spain
Week rank: 6 Up2 in Spain Spain Down

Level 1 Star

 Innovation award
Innovation award
Nominee: 1x

Screenshots (1)  
  • cropped.png
  Files folder image Files (7)  
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 (7)  /  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 (7)  /  styles  
File Role Description
  Accessible without login Plain text file cropper.css Data style sheet

Downloadimage-cropper-2012-07-04.zip 370KB
Downloadimage-cropper-2012-07-04.tar.gz 370KB
 Version Control Unique User Downloads Download Rankings  
 0%
Total:413
This week:0
All time:82
This week:2Up
User Comments (1)
This class work well on my Chrome/Linux.
12 years ago (Dong Nguyen)		57%StarStarStar
 

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.


  Related pages  
Example use