Crop Image Like Orkut
Posted on 05. Jun, 2008 by Sajith M.R in Downloads, php, php source code
Online Photoshop in PHP (Series Part 4) >>
Today we will discuss about cropping of images using php and gd library.
Look at the simple example here:
http://www.sajithmr.com/photoshop-tuts/crop/simplecrop.php
$x1 = $_GET['x1'];
$y1 = $_GET['y1'];
$x2 = $_GET['x2'];
$y2 = $_GET['y2'];
$image_object = imagecreatefromjpeg('hari.jpg');
$image_cropped = Crop($image_object,$x1, $y1, $x2,$y2);
$temp_path = rand(1,99999)."hari.jpg";
imagejpeg( $image_cropped,$temp_path);
header('Location: simplecrop.php?img='.$temp_path );
?>
Here the Crop function is doing the real work. x1 and y1 are Top-Left Coordinates of new image and x2, y2 are the Bottom-Right .
Here is the function for Crop
function Crop($image, $xpos1,$ypos1,$xpos2,$ypos2)
{
require_once('class.cropcanvas.php');
$cc =& new CropCanvas();
$cc->loadImageFromObject($image);
$cc->cropToDimensions($xpos1, $ypos1, $xpos2,$ypos2 );
return $cc->getImageObject();
}
?>
You can see the class.cropcanvas.php file from the attachment.
In the above example, we have to enter each coordinates manually. See the example below:
http://www.sajithmr.com/photoshop-tuts/crop/realcrop.php
Here you can select the area by click and drag (like orkut)
This is implemented with the help or jslib javascript. The given attachment in the end of this post contains the all.
http://www.sajithmr.com/photoshop-tuts/crop.zip
Keep reading for the further posts in this series. Next post is on Intellegent watermarking on images.
Subscribe to my Feeds: http://www.sajithmr.com/feed/
jithesh
Aug 5th, 2008
Thanks…nice one
Noah
Oct 7th, 2008
Someone should make a “facebook / flickr” style image tagging script based on this where you can tag people or interesting things in a photo. I’m sure the right person could do it!
developer
Nov 24th, 2008
Hey thank you so much
as it too important for me when this functionality i was impleting in my site and not found proper soluntion.
this code is realy usefull for me
Thank you
jasan
Dec 12th, 2008
Hi,
Really Very Nice Tutorial. This is exactly what i want.
Thank you so much.
pradeep pathak
Jan 14th, 2009
Thanks for the code. Works Nice. Actually I was looking for a Orkut like photo upload script. If you have any like that, I would be highly thankful.
Chris
Jan 14th, 2009
Very impressive!
I have a newbie question though. How would I lock the aspect ratio for the realcrop example (like 6×4 or 3×5)?
Thanks.
harry
Jan 28th, 2009
if i want to crop image in square mode then what function i have to change please reply fast
thanks
Cléber
Feb 10th, 2009
Harry, use this:
Event.observe(
window,
‘load’,
function() {
new Cropper.Img(
‘cropimage’,
{
onEndCrop: onEndCrop,
ratioDim:{x:7.6923,y:10},
}
)
}
);
Set the proportions to 1/1 in the “ratioDim” line.
manoj
Mar 25th, 2009
Hey m geting problem to corp photo on my orkut site
Eduardo
Apr 25th, 2009
You know where I can find a plugin for wordpress with the function of crop image? Thank you.
sheetal
Jul 15th, 2009
thanks
it’s very nice and useful script
mag
Jul 23rd, 2009
Hi,
I liked your script for image croping but is it possible for us to show by default the crop borders on the image
frankred
Sep 29th, 2009
The Script is offline, can you send it to me via Mail?
kishan
Nov 18th, 2009
script is now not available can u send it me via mail or give me new url???
Sanowar
Jan 29th, 2010
I liked your script for image croping but it is showing errror in IE