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

时间:2015-08-01 04:25:17

标签: javascript php html

我正在为我的网站创建一个部分,使用户能够创建自定义图像。他们可以选择背景的颜色和已经提供的图像集中的图像来放置背景颜色。然后他们就可以写一些文字。

Here是它类似的一个很好的例子。

图片底部较小,当您点击它们时,它们会落在背景颜色(透明背景)

我想知道这个工作是否适用于html / php?如果是,有人可以删除我需要搜索的几个关键词,以便能够学习如何做到这一点吗?

如果没有,javascript会这样做吗?还有一些关键字可以搜索它并学习如何操作。

1 个答案:

答案 0 :(得分: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);