Hi,
I am working on a simple image cropping tool, in which I place a picture within a div and user can zoom in/out, move picture left/right/up/down. Upon pressing the respective buttons i display the pic by adjusting width, height, margin-top, margin-left of the pic. Seems to be working fine.
How do I crop the selected area using php ? Below is my code, please help.
[code]<?php
session_start();
session_id();
if (empty($_SESSION[“w”]) or empty($_SESSION[“h”]))
{
// No parameters available, set default
$_SESSION[“w”] = 400;
$_SESSION[“h”] = 267;
$_SESSION[“mt”] = 0;
$_SESSION[“ml”] = 0;
$_SESSION[“z”] = 0;
}
if (isset($_POST[“btnRe”]))
{
$_SESSION[“w”] = 400;
$_SESSION[“h”] = 267;
$_SESSION[“mt”] = 0;
$_SESSION[“ml”] = 0;
$_SESSION[“z”] = 0;
}
if (isset($_POST[“btnZoomIn”]))
{
// No parameters available, set default
$_SESSION[“w”] = $_SESSION[“w”] + 8;
$_SESSION[“h”] = $_SESSION[“h”] + 5;
$_SESSION[“z”] = $_SESSION[“z”] + 1;
}
else if (isset($_POST[“btnZoomOut”]))
{
$_SESSION[“w”] = $_SESSION[“w”] - 8;
$_SESSION[“h”] = $_SESSION[“h”] - 5;
$_SESSION[“z”] = $_SESSION[“z”] - 1;
}
else if (isset($_POST[“btnUp”]))
{
$_SESSION[“mt”] = $_SESSION[“mt”] - 5;
}
else if (isset($_POST[“btnDown”]))
{
$_SESSION[“mt”] = $_SESSION[“mt”] + 5;
}
else if (isset($_POST[“btnLeft”]))
{
$_SESSION[“ml”] = $_SESSION[“ml”] - 5;
}
else if (isset($_POST[“btnRight”]))
{
$_SESSION[“ml”] = $_SESSION[“ml”] + 5;
}
$btnZoomOut = “”;
$btnUp = “”;
$btnDown = “”;
$btnLeft = “”;
$btnRight = “”;
// Buttons enable /disable
/*if ($_SESSION[“w”] < 400 or $_SESSION[“h”] < 270) { $btnZoomOut = " disabled"; } else { $btnZoomOut = “”; }
if (empty($_SESSION[“z”]) and $_SESSION[“mt”] == 0) { $btnUp = " disabled"; } else { $btnUp = “”; }
if (empty($_SESSION[“z”]) and $_SESSION[“mt”] <= 0) { $btnDown = " disabled"; } else { $btnDown = “”; } */
?>
<style>
#imgContainer {
width:400px;
height:270px;
overflow:hidden; /* part of image outside this div should be hidden */
border-width:1px;
border-style:solid;
border-color:#000000
}
</style>
<p align="center">
<form method="POST" action="index.php">
<p>
<input type="submit" name="btnZoomIn" value="+" />
<input type="submit" name="btnZoomOut" value="-" <?=$btnZoomOut?>/>
<input type="submit" name="btnUp" value="Up" <?=$btnUp?>/>
<input type="submit" name="btnDown" value="Down" <?=$btnDown?>/>
<input type="submit" name="btnLeft" value="Left" <?=$btnLeft?>/>
<input type="submit" name="btnRight" value="Right" <?=$btnRight?>/>
<input type="submit" name="btnRe" value="Re-start" />
</p>
Width: <input type="text" name="w" value="<?=$_SESSION["w"]?>" /><br />
Height: <input type="text" name="h" value="<?=$_SESSION["h"]?>" /><br />
MT: <input type="text" name="mt" value="<?=$_SESSION["mt"]?>" /><br />
ML: <input type="text" name="ml" value="<?=$_SESSION["ml"]?>" /><br />
Zoom: <input type="text" name="z" value="<?=$_SESSION["z"]?>" /><br />
<p><input type="submit" value="Save" /></p>
</form>
</p>
Thanks.
