I’m having a slight problem merging multiple transparent pngs on top of each other.
I’m trying to create a tool that designs a belt on the screen for the user allowing
them to select a strap, buckle, and design crease.
The tool will merge three different images into one to create one preview image. When I run the code below it creates the strap image, adds the buckle correctly but a black box shows up on the right side of the strap image looking about the same size as the buckle image. I
can’t figure what is the problem.
This is my first working with images using php so i may be missing the obvious. if anyone can help me i would be greatly appreciative. thanks in advance!
header('Content-type: image/png');
$strap = imagecreatefrompng("images/straps/DBR.png");
$w = imagesx($strap);
$h = imagesy($strap);
imagealphablending($strap,true);
$buckle = imagecreatefrompng("images/buckles/" . $buckle . ".png");
imagealphablending($buckle,true);
$crease = imagecreatefrompng("images/skull.png");
imagealphablending($crease,true);
imagecopy($strap,$buckle,200,0,0,0,$w,$h);
imagecopy($strap,$crease,0,0,0,0,$w,$h);
//imagecopy($photo2,$crease,200,0,0,0,$w,$h);
// fill the image background with white
imagepng($strap);
imagedestroy($strap);
imagedestroy($buckle);
UPDATE: This is my current source code
$strap = imagecreatefrompng("images/straps/DBR.png");
$w = imagesx($strap);
$h = imagesy($strap);
imagealphablending($strap,true);
imagesavealpha($strap, true);
$buckle = imagecreatefrompng("images/buckles/" . $buckle . ".png");
imagealphablending($buckle,false);
imagesavealpha($buckle, true);
$crease = imagecreatefrompng("images/skull.png");
imagealphablending($crease,false);
imagesavealpha($crease, true);
imagecopy($strap,$buckle,200,0,0,0,$w,$h);
imagecopy($strap,$crease,0,0,0,0,$w,$h);
imagepng($strap);
imagedestroy($strap);
imagedestroy($buckle);
I think you have to use imagesavealpha(): http://www.php.net/manual/en/function.imagesavealpha.php