在 PHP 中向图像添加样式背景

Question

我正在努力改进我的 Facebook 应用程序之一，允许用户上传图像并对其应用样式边框或框架（即云、星星、天空等）。用户还可以保存应用后带有边框的图像。这更好地解释了我的需要：

http://zbrowntechnology.info/ImgDisp/imgdisp.php

如果您有任何其他问题或需要更多详细信息，请告诉我..我将编辑这篇文章。

Answer 1

使用imagecopy()。该页面上的示例是使用 imagecopymerge() 的透明度选项完成的，但我认为您不需要它。

使用 imagecopy()，您将指定用于定位的 X/Y 坐标：

imagecopy( $borderimage, $topimage, 20, 20, 0, 0, $width, $height);

其中 < code>$width 和 $height 将是顶部图像的整个宽度和高度。您需要将 20 和 20 替换为边框图像在边框周围显示的量。您可能需要将顶部图像的大小调整为您想要的确切尺寸，否则它可能会与右侧或底部的边框重叠得有点远。 （参见imagecopyresampled()）

编辑：

这是完成整个过程的粗略方法处理（假设 chosenborder.png 是他们选择的边框，uploadedimage.png 是他们上传的图像。如果是不同的图像类型，您将使用 相应函数）。

$borderx = 20; // The width of our border
$border = imagecreatefrompng("chosenborder.png");
$topimage = imagecreatefrompng("uploadedimage.png");
$bordersize = getimagesize($border);
$topimagesize = getimagesize($topimage);

/* The new dimensions of topimage. $borderx*2 means we account for
   the border on both left and right, top and bottom. */
$newx = $bordersize[0] - ($borderx*2);
$newy = $bordersize[1] - ($borderx*2);
imagecopyresampled( $topimage_scaled, $topimage, 0, 0, 0, 0,
              $newx, $newy, $topimagesize[0], $topimagesize[1]);

/* Merge the images */
imagecopy( $border, $topimage_scaled, $borderx, $borderx,
              0, 0, $width, $height);
/* Output the image */
imagepng($border, "newimage.png");
/* Free up the memory occupied by the image resources */
imagedestroy($border);
imagedestroy($topimage);

用户上传图像后，找到 chosenborder.png 和 uploadedimage.png，运行上述脚本，然后向用户显示 newimage.png现在就可以走了。只需确保对临时图像资源调用 imagedestroy() 即可，否则它们会耗尽内存。

如果您不想将生成的图像保留在服务器上，可以省略 imagepng() 的第二个参数，这将使其直接将图像信息作为图像发送到浏览器，其中如果您需要编写正确的图像 HTTP 标头。

Answer 2

使用 css3 的客户端解决方案：

检查 css3 属性 border-image
（不满足保存带边框的img的要求）

服务器端合并2张不同图像的解决方案：

<?php


$imgFile = 'img.jpg';
$brdFile = 'brd.jpg';
$img = addBorder($imgFile,$brdFile);
outputImage($img);

function addBorder($imgFile,$brdFile)
{
    $img=imagecreatefromjpeg($imgFile);
    $brd=imagecreatefromjpeg($brdFile);

    $imgSize = getimagesize($imgFile);
    $brdSize = getimagesize($brdFile);


    //NOTE: the border img MUST be bigger then the src img
    $dst_x = ceil(($brdSize[0] - $imgSize[0])/2);
    $dst_y = ceil(($brdSize[1] - $imgSize[1])/2);


    imagecopymerge  ( $brd, $img, $dst_x,  $dst_y,  0, 0, $imgSize[0], $imgSize[1] ,100  );

    return $brd;
}   

function outputImage($img)
{
    header('Content-type: image/png');  
    imagepng($img);
}

?>