结合颜色和图像使用php/html/javascript

Question

我正在为我的网站创建一个部分，让用户能够创建自定义图像。他们可以选择背景的颜色，并从已经提供的一组图像中选择一个图像，以放在该背景颜色上。然后他们就可以写一些文字了。

下面是一个很好的例子。

图片在底部很小，当你点击它们时，它们会落在背景颜色(透明背景)

我想知道这个工作是可行的html/php?如果是的话，有没有人能帮我输入一些我需要搜索的关键词，以便我能学习如何做到这一点?

如果没有，javascript做这个吗?一些关键字能够搜索它并学习如何做

Answer 1

嗨，使用GD(注意未经过测试)，这不是最容易做到的事情。

$org_image = 'file.png'; //transparent png foreground image.
$Image = imagecreatefrompng( $org_image );
//preserve foreground transparency
imagealphablending($Image, true); // setting alpha blending on
imagesavealpha($Image, true); // save alphablending setting (important);
$height = imagesy($Image);
$width = imagesx($Image);
//create background
$newImage = imagecreatetruecolor($width, $height);
$red = imagecolorallocate($newImage, 255, 0, 0);
imagefill( $newImage, 0, 0, $red );
//merge
imagecopy ( $newImage, $Image, 0, 0, 0, 0, $width, $height );
//save
imagepng('output.png', $dest, 10);