mooImageCrop

myimage

 

Start capture

Retrieve

Reset

 

Here it is, the worlds first easy-to-implement image cropper based on the mootools framework and php. This demo shows you how to use ajax and php functions to create cropped areas from images and return them directly.

You can specify the width and the height of the overlay, which is used to crop that part then. This can be come in handy if you wish to let users create avatars from uploaded images with a certain with and height or any other process of cropping images.

Update

Now the frame - if oversized and overlapping the image - is automatically adjusted back to the inbound limits of the image when releasing the handle, not allowing to crop images and its neighbor elements.

Usage

Click on "start capture" to open an overlayed capture region. With the black handle in the left top corner you can resize the box to your needs. With mousedown on the frame you can move it around the image.

When satisfied with your choice, click on retrieve and you'll get the part of the image you have specified.

Limitations

The demo doesn't have things included like load image, or save image link generation. This is up to you, that demo should only show what can be archived using ajax and php.

Download

If you are interested into this script, you can get it for 29 $ ( 19 € ) here

Compatibility

mooImageCrop works in IE6 / 7, FF, Opera and Safari

 

Surftipps