PHP 合并图片，长按图片保存图片到本地

待我称王封你为后i 2022-05-14 15:18 372阅读 0赞

一个小分享，平时 **image** 相关函数用的比较少，这次刚好用上了，就分享一波。其实这个需求前端做起来会更加的方便，采用：**html2canvas** 可以实现，不过这一篇主要介绍 **PHP** 的实现。

### 场景 ###

场景是这样的，一个小活动，我们提供的一张图片 **a.jpg** ,然后需要用户上传一张图片 **b.jpg** ,最终达到用户长按此图可以进行保存。没用进行合并之前，我们采取的的是将 **b.jpg** 渲染进 **a.jpg** ，但是这样有一个问题，就是在长按保存的时候只能保存到 **a.jpg** ，因为也许你的 **a.jpg** 很大，**b.jpg** 比较小，且不是一张完整图片，所以最后采用 image 相关函数实现了先合并，后渲染，最后长按保存成功。来个图说明一下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1X3dlbl9qaWU_size_27_color_FFFFFF_t_70]

看这张图就很容易知道我想要表达的东西了。下面我们上代码来实现功能

### 实现 ###

/** * 合并背景图和用户上传图片并添加时间戳水印 * @param $img_1 a图 * @param $img_2 b图 * @param $dst_x b图向右移动尺寸 * @param $dst_y b图向右移动下寸 * @param $dst_w b图宽度（按比例缩放以后） * @param $dst_h b图高度（按比例缩放以后） * @return string 返回合成后图片名称 */
    function composeImg($img_1,$img_2,$dst_x,$dst_y,$dst_w,$dst_h)
    { 
    	$img_1 = './a.jpg';
    	$img_2 = './b.jpg';
        $time = date('Y-m-d H:i:s',time());//水印内容，我写的是当前时间，可修改
        //注意：imagecreatefromjpeg() 和 imagecreatefrompng()函数
        //文件真正的 mime 类型是 png 的类型 需要修改函数
        $image_1 = imagecreatefromjpeg($img_1);
    
        $textcolor = imagecolorallocate($image_1, 255, 255, 255); //设置水印字体颜色
        $font = __DIR__.'/msyh.ttf'; //定义字体,注意，如果是水印失败，请查看字体是否引入，路径是否正确
        imagettftext(
            $image_1,
            14, //字体大小
            0,
            30, //水印位置向右
            880, //水印位置向下
            $textcolor,
            $font,//字体
            $time//水印内容
        );//将文字写到图片中
    
        $image_2 = imagecreatefromjpeg($img_2);
        $image_3 = imagecreatetruecolor(imagesx($image_1),imagesy($image_1));
        imagecopymerge($image_3,$image_1,0,0,0,0,imagesx($image_1),imagesy($image_1),100);
    
        list($width,$height) = getimagesize($img_2); // 获取 b.jpg 图片的信息
    
        imagecopyresampled(
        	$image_3,
        	$image_2,
            $dst_x, 
            $dst_y, 
            0,
            0,
            $dst_w, 
            $dst_h, 
            $width, 
            $height 
        );
    
        $pic_name = md5(uniqid()).".jpg";
        imagejpeg($image_3,'./finalImages/'.$pic_name,50);//此处保存图片位置可以自定义，我只是提供例子随便写一个，记得修改
        imagedestroy($image_3);
        $imgName=$pic_name;
        return $imgName;
    }

最终，返回的就是合成之后的图片名称，并且带有一个时间水印。  
在文章开始部分，我就说过：[html2canvas][] 这种方法实现这个需求，有兴趣的可以看一看。  
本文介绍的方法，欢迎交流~~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1X3dlbl9qaWU_size_27_color_FFFFFF_t_70]: /images/20220504/50e10a6793c643678012a89c35bdacfb.png
[html2canvas]: http://html2canvas.hertzen.com/