Free Web Resources - Web Resources Depot » Crop

imgAreaSelect: A jQuery Plugin For Selectable Areas On Images

Umut M. — Fri, 17 Apr 2009 07:11:53 +0000

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.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Crop, Javascript

PHP Image Library: WideImage

Umut M. — Mon, 04 Aug 2008 17:01:45 +0000

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…

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Crop, GD, Php, Rotate

Mootools Image Crop: MooCrop

Umut M. — Sun, 23 Mar 2008 05:01:32 +0000

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!