$item_img="https://img.alicdn.com/bao/uploaded/i1/1750208593/TB1rgM3hhtnkeRjSZSgXXXAuXXa_!!0-item_pic.jpg";
$item_title="測(cè)試字體";
$shop_title="測(cè)試店鋪";
$shop_img="http://q.aiyongbao.com/item/web/images/qap_img/mobile/userAvatar.png";
$qr_img="https://img.alicdn.com/tfscom/TB1uJDStYZnBKNjSZFKwu3GOVXa.png";
$numid_share="0000000";
$qr_title="長(zhǎng)按識(shí)別二維碼";

// 對(duì)寶貝標(biāo)題裁剪
$drawtitone=mb_substr($item_title,0,13, "utf-8");
$drawtittow=mb_substr($item_title,13,13, "utf-8");
$drawtitthree=mb_substr($item_title,26,13, "utf-8");
$time_date = time(); // 時(shí)間戳
$workDir = "/data/tmp/".$numid_share."_con".$time_date; // 目標(biāo)路徑---->指定一個(gè)文件夾保存生成圖片過(guò)程里的圖片

我們這里需要一個(gè)拼接圖片的鏈接，所以先下載到之前的創(chuàng)建的文件夾下，因?yàn)檫@些素材圖片只是為了最后的拼接，最后可以完全刪除。

$item_img_down = $workDir."/itemimage.jpg";
$shop_img_down = $workDir."/shopimage.jpg";
$qr_img_down = $workDir."/qrimage.jpg";
// 下載寶貝主圖
NetworkUtils::curlDownload($item_img, $item_img_down);
// 下載店鋪圖片
NetworkUtils::curlDownload($shop_img, $shop_img_down);
// 下載二維碼
NetworkUtils::curlDownload($qr_img, $qr_img_down);

NetworkUtils::curlDownload($item_img, $item_img_down); 下載$item_img保存在目標(biāo)路徑文件夾下的$workDir."/itemimage.jpg"路徑。

$fontFamily = "/usr/share/fonts/chinese/msyh.ttf";
$fontColor = "#333333";
$fontColor_shoptitle = "#999999";
$fontColor_qrtitlt = "#666666";

創(chuàng)建一個(gè)750x1046白色的底圖，我們可以在上面繪制文字

// 創(chuàng)建一個(gè)底圖(并且加上一些文字)

$back_img=$workDir."/bg.jpg"; //要生成的圖片的路徑---->可以在服務(wù)器端看到
$back_cmds="convert "xc:[750x1046!]" -background white -font {$fontFamily} -draw "text 580,994 "{$qr_title}"" -fill "{$fontColor_qrtitlt}" 
            -pointsize 20 -draw "text 114,990 "{$shop_title}"" -font {$fontFamily} -pointsize 22 -fill "#999999" {$workDir}/bg.jpg";
$result_back_cmds = SystemCommon::runningCmd($back_cmds);  

這里需要注意一下文字的繪制命令順序，否則會(huì)出現(xiàn)沒(méi)有生效的問(wèn)題。
-font {$fontFamily} -draw "text 580,994 "{$qr_title}"" -fill "{$fontColor_qrtitlt}" -pointsize 20

解釋一下：

xc:[100x40!]: 設(shè)置畫(huà)布大小的一種簡(jiǎn)寫(xiě)方式，方括號(hào)里寫(xiě)入畫(huà)布寬高，注意要加 !

-fill "rgba(0, 0, 0, 0)"：設(shè)置了文本的填充顏色

text 114,990: 對(duì)文字進(jìn)行定位

-font：指定字體

-pointsize：指定文本的字體大小

-draw：繪圖選項(xiàng)，text 聲明繪制文本， 0,0 聲明文本距離圖片左上角的偏移值，繪制文本的格式為 text x,y string，當(dāng)然還可以繪制其他類型，諸如圓 ( circle )、折線 ( polyline )

繼續(xù)添加文字：

$back_img_shoptitle=$workDir."/btitle.jpg"; //要生成的圖片的路徑
$back_cmds_shoptitle="convert -draw "text 40,820 "{$drawtitone}"" -font {$fontFamily} -pointsize 32 -fill "{$fontColor}" -draw "text 40,866 "{$drawtittow}"" 
                    -font {$fontFamily} -pointsize 32 -fill "{$fontColor}" -draw "text 40,912 "{$drawtitthree}"" -font {$fontFamily} -pointsize 32 -fill "{$fontColor}"  
                    {$back_img} {$workDir}/btitle.jpg";
$result_back_cmds_shoptitle = SystemCommon::runningCmd($back_cmds_shoptitle);  

效果：
（白色的背景可能顯示不是很好）

現(xiàn)在就可以在之前得到的圖片上拼接所需要的圖片了

 // 在底圖上合并商品主圖
$back_img_itemimg="/data/tmp/" . md5(microtime(true)).".jpg";  //要生成的圖片的路徑
$geometryX = "+" . 0; // 定位
$geometryY = "+" . 0; // 定位
$customPicPos = "northwest";
$back_cmds_itemimg = "convert {$back_img_shoptitle} {$workDir}/item_img_mag.jpg -gravity {$customPicPos} -geometry {$geometryX}{$geometryY} 
                    -compose over -composite -antialias -set colorspace sRGB -colorspace sRGB {$workDir}/result.jpg";
$result_back_cmds_itemimg = SystemCommon::runningCmd($back_cmds_itemimg); 

解釋一下：

-geometry: 設(shè)置文本在圖片里的排列方式 ( 類似 CSS 里的 align-items + justify-content )，center 表示水平垂直都居中，其他值還可以是：NorthWest, North, NorthEast, West, East, SouthWest, South, SouthEast，不記大小寫(xiě)

composite: 將一個(gè)圖片或多個(gè)圖片組合成新圖片。

這里是把{$workDir}/item_img_mag.jpg路徑的圖片繪制到之前繪制文字的圖片上$back_img_shoptitle，最終得到的圖片保存路徑是在{$workDir}/result.jpg

讓我們繼續(xù)操作圖片

// 合并二維碼 
$geometryXshop = "+" . 40;
$geometryYshop = "+" . 950;
$back_cmds_shopimg = "convert {$workDir}/result.jpg {$workDir}/shop_img_mag.jpg -gravity {$customPicPos} -geometry {$geometryXshop}{$geometryYshop} -compose over -composite -antialias -set colorspace sRGB -colorspace sRGB {$workDir}/result1.jpg";
$result_back_cmds_shopimg = SystemCommon::runningCmd($back_cmds_shopimg);  

// 合并店鋪圖標(biāo)
$geometryXqr = "+" . 520;
$geometryYqr = "+" . 784;
$back_cmds_qrimg = "convert {$workDir}/result1.jpg {$workDir}/qr_img_mag.jpg -gravity {$customPicPos} -geometry {$geometryXqr}{$geometryYqr} -compose over -composite -antialias -set colorspace sRGB -colorspace sRGB {$workDir}/result2.jpg";
$result_back_cmds_qrimg = SystemCommon::runningCmd($back_cmds_qrimg);  

效果：

發(fā)現(xiàn)圖片并不是我們預(yù)期的效果，拼接我們也設(shè)置了圖片的大小，但是沒(méi)有起作用，嘗試過(guò)不同的方案后決定在拼接之前把圖片統(tǒng)一放大為需要拼接的尺寸來(lái)操作。

需要對(duì)多拼接的圖片都進(jìn)行操作

 // 看來(lái)需要先放大主圖
$item_img_m="convert -resize "750x766!" {$item_img_down} {$workDir}/item_img_mag.jpg";
$item_img_mag = SystemCommon::runningCmd($item_img_m);  
// 看來(lái)需要先放大二維碼
$shop_img_m="convert -resize 64x64 {$shop_img_down} {$workDir}/shop_img_mag.jpg";
$shop_img_mag = SystemCommon::runningCmd($shop_img_m);  
// 看來(lái)需要先放大店鋪圖標(biāo)
$qr_img_m="convert -resize 200x200 {$qr_img_down} {$workDir}/qr_img_mag.jpg";
$qr_img_mag = SystemCommon::runningCmd($qr_img_m);  

-resize 延伸解讀

IamgeMagick 提供了幾種符號(hào)來(lái)定義縮放

convert -resize "150x100!" goods.jpg thumbnail.jpg

convert -resize "150x100>" goods.jpg thumbnail.jpg

convert -resize "150x100<" goods.jpg thumbnail.jpg

!：不管圖片寬高如何，都縮放成 150x100 這樣的尺寸。

>：只有寬高均大于 150x100 的圖片才縮放成該尺寸 ( 按比例取最大值 )，小于的圖片不做處理。

<：與 > 功能相反

縮放對(duì)比

這樣的結(jié)果也不是我們需要的

只有convert -resize "750x766!" {$item_img_down} {$workDir}/item_img_mag.jpg這樣固定尺寸之后可以得到：

我們最后同樣的以base64格式輸出給前端

$stdout = trim($result_back_cmds_qrimg["stdout"]);
$Return = array();
if (empty($stdout) || strpos($result_back_cmds_qrimg["stderr"], "identify") != false) {  // runningCmd執(zhí)行成功
    $dest_img = $workDir."/result2.jpg";
    // /*圖片轉(zhuǎn)換為 base64格式編碼*/
    $base64_image = "";
    $image_info = getimagesize($dest_img);
    $image_data = fread(fopen($dest_img, "r"), filesize($dest_img));
    $base64_image = "data:" . $image_info["mime"] . ";base64," . chunk_split(base64_encode($image_data));

    $Return["data"]=$base64_image;
    $Return["dest_img"]=$dest_img;
    $Return["type"]="success";
    $Return["msg"]=1;
    return $Return;
}
$Return["data"]="";
$Return["msg"]=2;
return $Return;

$workDir."/result2.jpg是我們最終的拼接圖片，至于文件夾下的其他圖片，可以選擇刪除。我們只要得到結(jié)果就好了。

（小姐姐拼接圖）

這次convert命令的介紹是以解讀整個(gè)方法的形式，對(duì)拼接的開(kāi)始進(jìn)行到結(jié)尾生成最終的圖片，希望對(duì)大家有力所能及的幫助。

歡迎光顧個(gè)人博客Blog