imgAreaSelect is a jQuery plugin that enables you to create selectable areas on images which is a widely used technique for cropping images.
Once an area is selected, you can get the x-y coordinates & apply any actions on that part of the image like cropping or implementing effects.
The plugin is very flexible & offers options like:
- aspect ratio
- max height, max width
- opacity
- whether it can be resize or not
- keyboard support & more..
There is also an image crop tutorial using imgAreaSelect & PHP that can be found here.
Requirements: jQuery
Compatibility: All Major Browsers
WideImage is an object-oriented PHP image library.
It is written in PHP 5 and requires only GD2 library for manipulating images.
The library is very suitable for new generation web applications (for easier mashups) as it supports loading images from any URL besides loading them from a file, string or a valid image source.
Some features of WideImage:
- Transformations: crop, resize, rotate, flip, mirror
- Conversions: graysclae, negative, truecolor, palette
- Colors/channels: merge, mask, filter, get channels, correct gamma…
Requirements: PHP 5.2+, GD2 extension
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.
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!
Requirements: Mootools JavaScript Framework
Compatibility: All Major Browsers
Online image cropping is a widely used feature in web applications.
Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.
It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.
This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.
Requirements: Prototype v. 1.5.0_rc0+, script.aculo.us v. 1.6.1+
Compatibility: Chack out
Known issues
Resizing & cropping images fast & easily with a web based, flash interface. rsizr is a simple to use website which is focused for this mission.
If your image editing software isn’t with you or you are a blogger who is not good at image editing, than you may like rsizr so so much.
