 |
|
Innovation award
 Nominee: 2x |
This package can be used to implement a visual editor to let the user crop images.
It generates HTML, JavaScript and CSS for an user interface to let the user click on an image and define an area of the image to be cropped.
A PHP class of the package can crop the image as defined by the user and save the cropped image to a given file.
In Portuguese:
Essa classe usa uma imagem de origem[jpg, gif, png] para gerar um thumb de uma região selecionada pelo usuario, usando php e post via ajax.
| |
Screenshots |
|
|
 |
| File |
Role |
Description |
sh_001.jpg |
Screen |
Screenshot of the class working |
|
 September 2010
Number 3
Prize: One subscription to the PDF edition of the PHP Architect magazine |
Many Web applications require that the users submit images with certain sizes or proportions. Often the users do not have the images in the right sizes, so they need to crop them to match the requirements.
This class helps achieving that goal with a little help of JavaScript to let the user crop the images on the browser side. Then the images are cropped on the server side according to the coordinates the user has defined with a visual user interface presented by the class.
Manuel Lemos |
| Ratings | Utility |
Consistency |
Documentation |
Examples |
Tests |
Videos |
Overall |
Rank |
| All time: |
Good (85.0%) |
Good (80.0%) |
- |
Good (80.0%) |
- |
- |
Not sure (58.5%) |
928 |
| Month: |
Not yet rated by the users |
| |
Applications that use this class |
|
|
No application links were specified for this class.

If you know an application of this package, send a message to the
author to add a link here.
| |
Files |
|
|
| File |
Role |
Description |
js (1 file) |
images (2 files) |
filemanager.php |
Class |
This class work with files and paths, used by imagecrop |
image.php |
Class |
Image manipulation class, used by imagecrop |
imagecrop.php |
Class |
The main class, this do the crop and print the user interface |
exemple.php |
Example |
Test file, see the thing working |
| File |
Role |
Description |
cinza_40.png |
Data |
background image of the selected area |
loading.gif |
Data |
Image to show when the thumb is bein generate |