PHP實現(xiàn)圖片合并的示例詳解

更新時間：2023年03月28日 08:57:38 作者：鮮花滿月樓

這篇文章主要為大家詳細介紹了如何利用PHP實現(xiàn)圖片合并的效果，文中的示例代碼講解詳細，具有一定的學習價值，感興趣的小伙伴可以了解一下

業(yè)務需求

我們需要一個微信小程序碼，但是是需要提供給別人掃碼的但是只有一個純粹的小程序碼是不好看的，所以需要推廣的海報圖片。再結(jié)合文字

最終效果

準備工作

1、需要海報的底圖

2、小程序碼的圖片

代碼部分結(jié)合YII2但不影響使用

完整過程

第一步：生成小程序碼圖片

第二步：縮放小程序碼的圖片大小（如果尺寸符合海報大小可省略） 280-1280px

第三步：將縮放后的小程序圖片合成到背景圖片

第四步:合成文字信息

第一步：生成小程序碼圖片（我使用的場景是無限制小程序碼code地址三種自行選擇）

//微信小程序 小程序碼
    public static function getWeChatSmallProgramCode($scene)
    {
        $AccessToken = self::getAccessToken();
        $url = "https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=" . $AccessToken;
        $postData = [
            'scene' => $scene,
            'page' => 'pages/index/index',
            'width'=>930
        ];
        $postData = json_encode($postData);
        $contentData = self::sendPost($url, $postData);
        return $contentData; //如果圖片大小符合這開啟base64位圖片地址也可以完成圖片的合并合文字的合并
//        return self::base64UrlCode($contentData, 'image/png');
    }

    protected static function sendPost($url, $post_data)
    {
        $options = array(
            'http' => array(
                'method' => 'POST',
                'header' => 'Content-type:application/json',
                //header 需要設置為 JSON
                'content' => $post_data,
                'timeout' => 60
                //超時時間
            )
        );
        $context = stream_context_create($options);
        return file_get_contents($url, false, $context);
    }

    //二進制轉(zhuǎn)圖片image/png
    public static function base64UrlCode($contents, $mime)
    {
        $base64 = base64_encode($contents);
        return ('data:' . $mime . ';base64,' . $base64);
    }

第二步：縮放小程序碼的圖片大小

/**
     * 縮放圖片尺寸
     * @param $img_path string 圖片地址
     * @param $new_width
     * @param $new_height
     * @param $new_img_path string 新的圖片地址
     */
    public static function picZoom($img_path,$new_width,$new_height,$new_img_path)
    {
        //獲取尺寸
        list($width, $height, $img_type, $attr) = getimagesize($img_path);
        $imageinfo = [
            'width' => $width,
            'height' => $height,
            'type' => image_type_to_extension($img_type, false),
            'attr' => $attr
        ];
        $fun = "imagecreatefrom" . $imageinfo['type'];
        $image = $fun($img_path);
        //創(chuàng)建新的幕布
        $image_thump = imagecreatetruecolor($new_width, $new_height);
        //復制源文件
        imagecopyresampled($image_thump, $image, 0, 0, 0, 0, $new_width, $new_height, $imageinfo['width'], $imageinfo['height']);
        imagedestroy($image);

        $image = $image_thump;
        $func = 'image' . $imageinfo['type'];
        $func($image, $new_img_path);
    }

第三步：將縮放后的小程序圖片合成到背景圖片

/**
     * 圖片合并
     * 將源圖片覆蓋到目標圖片上
     * @param string $dstPath 目標圖片路徑 背景圖
     * @param string $srcPath 源圖片路徑   內(nèi)容圖
     * @param int $dstX 源圖片覆蓋到目標的X軸坐標
     * @param int $dstY 源圖片覆蓋到目標的Y軸坐標
     * @param int $srcX
     * @param int $srcY
     * @param int $pct 透明度
     * @param string $filename 輸出的文件名，為空則直接在瀏覽器上輸出顯示
     * @return string $filename 合并后的文件名
     */
    public static function picMerge($dstPath, $srcPath, $dstX = 0, $dstY = 0, $srcX = 0, $srcY = 0, $pct = 100, $filename = '')
    {
        //創(chuàng)建圖片的實例
        $dst = imagecreatefromstring(file_get_contents($dstPath));
        $src = imagecreatefromstring(file_get_contents($srcPath));
        //獲取水印圖片的寬高
        list($src_w, $src_h) = getimagesize($srcPath);
        //將水印圖片復制到目標圖片上，最后個參數(shù)50是設置透明度，這里實現(xiàn)半透明效果
//        imagecopymerge($dst, $src, 80, 125, 0, 0, $src_w, $src_h, 100);
        imagecopymerge($dst, $src, $dstX, $dstY, $srcX, $srcY, $src_w, $src_h, $pct);
        //如果水印圖片本身帶透明色，則使用imagecopy方法
        //imagecopy($dst, $src, 10, 10, 0, 0, $src_w, $src_h);
        //輸出圖片
        list($dst_w, $dst_h, $dst_type) = getimagesize($dstPath);
        switch ($dst_type) {
            case 1://GIF
                if (!$filename) {
                    header('Content-Type: image/gif');
                    imagegif($dst);
                } else {
                    imagegif($dst, $filename);
                }
                break;
            case 2://JPG
                if (!$filename) {
                    header('Content-Type: image/jpeg');
                    imagejpeg($dst);
                } else {
                    imagejpeg($dst, $filename);
                }
                break;
            case 3://PNG
                if (!$filename) {
                    header('Content-Type: image/png');
                    imagepng($dst);
                } else {
                    imagepng($dst, $filename);
                }
                break;
            default:
                break;
        }
        imagedestroy($dst);
        imagedestroy($src);
    }

第四步:合成文字信息

/**
     *  添加文字到圖片上
     * @param $dstPath string 目標圖片
     * @param $fontPath string 字體路徑
     * @param $fontSize string 字體大小
     * @param $text string 文字內(nèi)容
     * @param $dstY string 文字Y坐標值
     * @param string $filename 輸出文件名，為空則在瀏覽器上直接輸出顯示
     * @return string 返回文件名
     */
    public static function addFontToPic($dstPath, $fontPath, $fontSize, $text, $dstY, $filename = '')
    {
        ob_end_clean();

        //創(chuàng)建圖片的實例
        $dst = imagecreatefromstring(file_get_contents($dstPath));
        //打上文字
        $fontColor = imagecolorallocate($dst, 255, 255, 255);//字體顏色
        $width = imagesx($dst);
        $height = imagesy($dst);
        $fontBox = imagettfbbox($fontSize, 0, $fontPath, $text);//文字水平居中實質(zhì)
        imagettftext($dst, $fontSize, 0, ceil(($width - $fontBox[2]) / 2), $dstY, $fontColor, $fontPath, $text);
        //輸出圖片
        list($dst_w, $dst_h, $dst_type) = getimagesize($dstPath);
        switch ($dst_type) {
            case 1://GIF
                if (!$filename) {
                    header('Content-Type: image/gif');
                    imagegif($dst);
                } else {
                    imagegif($dst, $filename);
                }
                break;
            case 2://JPG
                if (!$filename) {
                    header('Content-Type: image/jpeg');
                    imagejpeg($dst);
                } else {
                    imagejpeg($dst, $filename);
                }
                break;
            case 3://PNG
                if (!$filename) {
                    header('Content-Type: image/png');
                    imagepng($dst);
                } else {
                    imagepng($dst, $filename);
                }
                break;
            default:
                break;
        }
        imagedestroy($dst);
        return $filename;
    }

外部的調(diào)用

/**
     * 根據(jù)店鋪id 和名稱 合成A5 圖片小程序圖片
     * @param $shop_id
     * @param $shop_name
     * @return array
     */
    public static function generateWeChatAppletImage($shop_id, $shop_name)
    {
        //1 生成小程序碼
        //2 合成小程序碼到背景圖片
        $sceneStr = '?shop_id=' . $shop_id;
        $weChatAppImgBaseData = WxTools::getWeChatSmallProgramCode($sceneStr);
        $weChatAppImgPath = './weChatAppImg/shop_code_' . $shop_id . '.jpg';
        file_put_contents($weChatAppImgPath, $weChatAppImgBaseData);

        //合并到背景圖片中
        $beiJinImgPath = './weChatAppImg/weChatBJ.jpg';
        $mergeImgFile = './weChatAppImg/shop_mini_program' . $shop_id . '.jpg';
        GenerateCodeImg::picMerge($beiJinImgPath, $weChatAppImgPath, 408, 714, $srcX = 0, $srcY = 0, $pct = 100, $mergeImgFile);

        //3 合成文字
        $fontPath = './plus/fonts/SourceHanSansCN-Bold.ttf';
        $fontSize = 40;
        $dstY = 640;
        GenerateCodeImg::addFontToPic($mergeImgFile, $fontPath, $fontSize, $shop_name, $dstY, $mergeImgFile);

        $weChatCodeImgUrL = \Yii::$app->request->hostInfo . '/weChatAppImg/shop_code_' . $shop_id . '.jpg';
        $weChatAppImgUrl = \Yii::$app->request->hostInfo . '/weChatAppImg/shop_mini_program' . $shop_id . '.jpg';
        return [
            'weChatCodeImgUrL' => $weChatCodeImgUrL,
            'weChatAppImgUrl' => $weChatAppImgUrl,
        ];
    }