Adding Drop Shadows with PHP - Combined Code (Page 7 of 7 ) Here is the complete script: <?php
/* set drop shadow options */
/* offset of drop shadow from top left */
define("DS_OFFSET", 5);
/* number of steps from black to background color /*
define("DS_STEPS", 10);
/* distance between steps */
define("DS_SPREAD", 1);
/* define the background color */
$background = array("r" => 255, "g" => 255, "b" => 255);
$src = isset($_REQUEST['src']) ? urldecode($_REQUEST['src']) : null;
if(isset($src) && file_exists($src)) {
/* create a new canvas. New canvas dimensions should be larger than the original's */
list($o_width, $o_height) = getimagesize($src);
$width = $o_width + DS_OFFSET;
$height = $o_height + DS_OFFSET;
$image = imagecreatetruecolor($width, $height);
/* determine the offset between colors */
$step_offset = array("r" => ($background["r"] / DS_STEPS), "g" => ($background["g"] / DS_STEPS), "b" => ($background["b"] / DS_STEPS));
/* calculate and allocate the needed colors */
$current_color = $background;
for ($i = 0; $i <= DS_STEPS; $i++) {
$colors[$i] = imagecolorallocate($image, round($current_color["r"]), round($current_color["g"]), round($current_color["b"]));
$current_color["r"] -= $step_offset["r"];
$current_color["g"] -= $step_offset["g"];
$current_color["b"] -= $step_offset["b"];
}
/* floodfill the canvas with the background color */
imagefilledrectangle($image, 0,0, $width, $height, $colors[0]);
/* draw overlapping rectangles to create a drop shadow effect */
for ($i = 0; $i < count($colors); $i++) {
imagefilledrectangle($image, DS_OFFSET, DS_OFFSET, $width, $height, $colors[$i]);
$width -= DS_SPREAD;
$height -= DS_SPREAD;
}
/* overlay the original image on top of the drop shadow */
$original_image = imagecreatefromjpeg($src);
imagecopymerge($image, $original_image, 0,0, 0,0, $o_width, $o_height, 100);
/* output the image */
header("Content-type: image/jpeg");
imagejpeg($image, "", 100);
/* clean up the image resources */
imagedestroy($image);
imagedestroy($original_image);
}
?> |
And here is a sample of generated output:  ConclusionThe process for adding a drop shadow dynamically is pretty straightforward. A slightly larger image is created, the shadow is drawn to the new canvas and then the original image is overlaid. The resulting image is then sent back to satisfy the content request made by the browser. The material presented here has room for many modifications and extensions. For example, you could make the script more flexible by using a constant to determine the shadow's angle, or perhaps even consider other methods of drawing a shadow. Your exploration doesn't have to end with this tutorial. About The AuthorTimothy Boronczyk lives in Syracuse, NY, where he works as an E-Services Coordinator for a local credit union. He has a background in elementary education, over 5 years experience in web design and has written tutorials on web design, PHP, Ruby, XML and various other topics. His hobbies include photography and composing music.
| DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware. |
|
/ 6 
