Thursday 5th June 2008

by Sajith M.R

Online Photoshop in PHP (Series Part 4) >>

Crop Image Like Orkut

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/

Tags: , , , ,

· · · ◊ ◊ ◊ · · ·

18 Responses to “Crop Image Like Orkut”

  1. Sajith M.R says:

    yes, nithin , unfortunately, i got virus attack in my server and lost all those source codes :(

  2. nitin says:

    this link is not working……plz any body mail me on this id: nitinhappy2@gmail.com ……………..thnx in advance…….i really need it plz mail me this script as soon as possible…….thanks again

  3. Sanowar says:

    I liked your script for image croping but it is showing errror in IE

  4. kishan says:

    script is now not available can u send it me via mail or give me new url???

  5. frankred says:

    The Script is offline, can you send it to me via Mail?

  6. mag says:

    Hi,

    I liked your script for image croping but is it possible for us to show by default the crop borders on the image

  7. sheetal says:

    thanks
    it’s very nice and useful script

  8. Eduardo says:

    You know where I can find a plugin for wordpress with the function of crop image? Thank you.

  9. manoj says:

    Hey m geting problem to corp photo on my orkut site

  10. Cléber says:

    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.

  11. harry says:

    if i want to crop image in square mode then what function i have to change please reply fast

    thanks

  12. Chris says:

    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.

  13. pradeep pathak says:

    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.

  14. jasan says:

    Hi,

    Really Very Nice Tutorial. This is exactly what i want.

    Thank you so much.

  15. developer says:

    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 :)

  16. Noah says:

    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!

  17. jithesh says:

    Thanks…nice one

· · · ◊ ◊ ◊ · · ·

Leave a Reply

وظائف 2011 تحويل العملات برامج برنامج تسريع التحميل برنامج الفلاش برنامج محول الصوتيات عربي hotel 2011 زيادة رواتب العساكر 1431