背景架構為ThinkPHP。
需求分析,微信分享時需要設定圖檔尺寸為:400x400,但是系統抓取過來的圖檔大小為300x400。
一 丶遇到的問題
第一反應想到的是采用tp架構自帶的Image類來進行實作
$image = new \Think\Image();
$image->open('./1.jpg');
// 按照原圖的比例生成一個最大為150*150的縮略圖并儲存為thumb.jpg
$image->thumb(400, 400)->save('./thumb.jpg');
以上方法為tp架構自帶的生成縮略圖,如果圖檔尺寸較大,完全沒問題,但是如果遇到部落客一樣的需求就會出現小問題
例: 一張尺寸為800x800的圖檔要生成400x400的縮略圖,架構會等比例縮小原圖進而生成縮略圖。但是如果原圖尺寸為200x200,要生成400x400的圖檔,縮略圖依然會生成成功,但是新生成的圖檔上下左右會各留100px的黑底,顯然,這并不能滿足我們得需求。檢視Image類發現并沒有封裝類似功能
二 丶解決方案
首先想到的即是GD庫生成一張透明的背景圖,然後因為目标圖檔尺寸大于原圖尺寸,是以隻需要将兩張圖檔合并居中即可代碼如下:
//最多支援九張圖檔,
// $pictureList = array(
// 'img1.png',
// 'img2.png',
// 'img3.png',
// 'img4.png',
// 'img5.png',
// 'img6.png',
// 'img7.png',
// 'img8.png',
// 'img9.png'
// );
$pictureList = array(
'http://s3.mogucdn.com/p2/170212/88391240_5e48891jd46hk2i5alali7lljjahh_640x960.jpg_468x468.jpg'
);
$pictureList = array_slice($pictureList, 0, 9); // 隻操作前9個圖檔
$bg_w = 400; // 背景圖檔寬度
$bg_h = 400; // 背景圖檔高度
$background = imagecreatetruecolor($bg_w,$bg_h); // 背景圖檔
$bgcolor = imagecolorallocate($background, 255, 255, 255); // 為真彩色畫布建立白色背景,再設定為透明
imagefill($background, 0, 0, $bgcolor);
imageColorTransparent($background, $bgcolor);
$pic_count = count($pictureList);
$lineArr = array(); // 需要換行的位置
$space_x = 3;
$space_y = 3;
$line_x = 0;
switch($pic_count) {
case 1: // 正中間
$start_x = 50; // 圖檔在背景中X的位置
$start_y = 0; // 圖檔在背景中Y的位置
$pic_w = 300; // 寬度 可自行設定為需要的寬度
$pic_h = 400; // 高度 可自行設定為需要的高度
break;
case 2: // 中間位置并排
$start_x = 2;
$start_y = intval($bg_h/4) + 3;
$pic_w = intval($bg_w/2) - 5;
$pic_h = intval($bg_h/2) - 5;
$space_x = 5;
break;
case 3:
$start_x = 40;
$start_y = 5;
$pic_w = intval($bg_w/2) - 5;
$pic_h = intval($bg_h/2) - 5;
$lineArr = array(2);
$line_x = 4;
break;
case 4:
$start_x = 4;
$start_y = 5;
$pic_w = intval($bg_w/2) - 5;
$pic_h = intval($bg_h/2) - 5;
$lineArr = array(3);
$line_x = 4;
break;
case 5:
$start_x = 30;
$start_y = 30;
$pic_w = intval($bg_w/3) - 5;
$pic_h = intval($bg_h/3) - 5;
$lineArr = array(3);
$line_x = 5;
break;
case 6:
$start_x = 5;
$start_y = 30;
$pic_w = intval($bg_w/3) - 5;
$pic_h = intval($bg_h/3) - 5;
$lineArr = array(4);
$line_x = 5;
break;
case 7:
$start_x = 53;
$start_y = 5;
$pic_w = intval($bg_w/3) - 5;
$pic_h = intval($bg_h/3) - 5;
$lineArr = array(2,5);
$line_x = 5;
break;
case 8:
$start_x = 30;
$start_y = 5;
$pic_w = intval($bg_w/3) - 5;
$pic_h = intval($bg_h/3) - 5;
$lineArr = array(3,6);
$line_x = 5;
break;
case 9:
$start_x = 5;
$start_y = 5;
$pic_w = intval($bg_w/3) - 5;
$pic_h = intval($bg_h/3) - 5;
$lineArr = array(4,7);
$line_x = 5;
break;
}
foreach( $pictureList as $k=>$pic_path ) {
$kk = $k + 1;
if ( in_array($kk, $lineArr) ) {
$start_x = $line_x;
$start_y = $start_y + $pic_h + $space_y;
}
$pathInfo = pathinfo($pic_path);
switch( strtolower($pathInfo['extension']) ) {
case 'jpg':
case 'jpeg':
$imagecreatefromjpeg = 'imagecreatefromjpeg';
break;
case 'png':
$imagecreatefromjpeg = 'imagecreatefrompng';
break;
case 'gif':
default:
$imagecreatefromjpeg = 'imagecreatefromstring';
$pic_path = file_get_contents($pic_path);
break;
}
$resource = $imagecreatefromjpeg($pic_path);
imagecopyresized($background,$resource,$start_x,$start_y,0,0,$pic_w,$pic_h,imagesx($resource),imagesy($resource)); // 最後兩個參數為原始圖檔寬度和高度,倒數兩個參數為copy時的圖檔寬度和高度
$start_x = $start_x + $pic_w + $space_x;
}
header("Content-type: image/jpg");
imagejpeg($background);
$meargPic = imagegif($background, "img.png");
//銷毀資源
imagedestroy($meargPic);
?>
效果圖:
其中留白部分為透明背景色,即在不改變原圖的情況下讓原圖尺寸變為400x400實作需求。如果想合并多張圖檔隻需要把目标圖檔加入數組中即可