Mootools Image Crop: MooCrop

MooCrop is an image cropping utility using the powerful mootools javascript framework. Alone, it is only a selection tool but when used with a serverside script then it becomes an image manipulation tool.

Mootools Image Crop

Some MooCrop features:

  • Completely customizable CSS styling
  • Detects and handles multiple CSS box models
  • Allows for masking to be toggled
  • Ability to hide resize handles during drag
  • Custom events for your own modification
  • Relative based postioning rather then absolute (should handle overflow properly)
  • Works and retains layouts on floating images.
  • Resize from 8 different directions
  • Ability to set minimium size limit
  • Cleans up nicely, leaving your DOM in its original state when removed.
  • Fast!
  1. Reply Regan Johnson August 11, 2008 at 1:28 AM

    Thanks for the find. A valid replacement for the prototype “cropper”

  2. Reply Bernard September 9, 2008 at 7:37 AM

    Great work! I have been using cropper / prototype a while now and found myself in a tiffy since I also use mootools. Any chance you can achieve the same sort of ‘marching ant’ effect cropper has?! That would be gold! From down under. Bernard

  3. Reply rborn November 15, 2008 at 9:50 AM

    Kroppr has rotation on any angle, zoom, and image repositioning in real time. The crop is done after the user made his mind

  4. Reply Ray Cassidy February 26, 2009 at 7:06 PM

    This is another interesting variation for cropping images out. I’ve got some banner images available that you are welcome to borrow for your website. You can get the collection here, cropped out to various proportions for a range of banner sizes.

  5. Reply remote control software August 20, 2009 at 9:49 PM

    Wow, it’s amazing what can be done serverside these days. Web-app photoshop anytime soon? Thanks for the find.

  6. Reply jay September 28, 2009 at 3:36 PM

    is their a way to fix the height and width of the box? or be able to increase or decrease box area with height and width ratio?

  7. Reply inzamam January 13, 2011 at 6:40 AM

    if you want crop any image, than i will suggest you to visit the link below
    if you visit this link, you will know how to crop an image easily
    thank you very much. 🙂

Leave a reply