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!
  • Thanks for the find. A valid replacement for the prototype “cropper”

  • 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

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

  • 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.

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

  • jay

    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?

  • inzamam

    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. 🙂