php生成縮略圖填充白邊(等比縮略圖方案)
網(wǎng)站上傳圖片后生成縮略圖應(yīng)該是非常常用的功能了,通常來講為了網(wǎng)站顯示美觀,縮略圖會是同樣尺寸,比如最近筆者做的一個站點,縮略圖規(guī)格要求都是160×120。但是如果上傳的圖片比例和縮略圖不一致,直接縮放的話就會導(dǎo)致圖片變形,這樣體驗肯定就不好了。于是筆者想了一個折中的辦法,就是縮小后添加白邊的方法。
源圖,尺寸是600×366:
最終生成的效果圖:
代碼相對比較長些,下面簡單說下思路:
先將源圖按比例生成縮略圖,并且寬不大于160、高不大于120。例如上圖會先生成160×98的縮略圖。
新建一個160×120的白色背景圖片,將上一步生成的縮略圖居中放置到這張圖片上就OK了。
最終代碼如下:
//源圖的路徑,可以是本地文件,也可以是遠(yuǎn)程圖片
$src_path = '1.jpg';
//最終保存圖片的寬
$width = 160;
//最終保存圖片的高
$height = 120;
//源圖對象
$src_image = imagecreatefromstring(file_get_contents($src_path));
$src_width = imagesx($src_image);
$src_height = imagesy($src_image);
//生成等比例的縮略圖
$tmp_image_width = 0;
$tmp_image_height = 0;
if ($src_width / $src_height >= $width / $height) {
$tmp_image_width = $width;
$tmp_image_height = round($tmp_image_width * $src_height / $src_width);
} else {
$tmp_image_height = $height;
$tmp_image_width = round($tmp_image_height * $src_width / $src_height);
}
$tmpImage = imagecreatetruecolor($tmp_image_width, $tmp_image_height);
imagecopyresampled($tmpImage, $src_image, 0, 0, 0, 0, $tmp_image_width, $tmp_image_height, $src_width, $src_height);
//添加白邊
$final_image = imagecreatetruecolor($width, $height);
$color = imagecolorallocate($final_image, 255, 255, 255);
imagefill($final_image, 0, 0, $color);
$x = round(($width - $tmp_image_width) / 2);
$y = round(($height - $tmp_image_height) / 2);
imagecopy($final_image, $tmpImage, $x, $y, 0, 0, $tmp_image_width, $tmp_image_height);
//輸出圖片
header('Content-Type: image/jpeg');
imagejpeg($final_image);
相關(guān)文章
提交表單后 PHP獲取提交內(nèi)容的實現(xiàn)方法
下面小編就為大家?guī)硪黄峤槐韱魏?PHP獲取提交內(nèi)容的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05php+croppic.js實現(xiàn)剪切上傳圖片功能
最近做項目遇到這樣的需求,需要實現(xiàn)裁剪圖片上傳,接下來通過本文給大家分享基于php+croppic.js實現(xiàn)剪切上傳圖片功能,需要的朋友可以參考下2018-08-08淺談laravel中的關(guān)聯(lián)查詢with的問題
今天小編就為大家分享一篇淺談laravel中的關(guān)聯(lián)查詢with的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10YII Framework學(xué)習(xí)之request與response用法(基于CHttpRequest響應(yīng))
這篇文章主要介紹了YII Framework學(xué)習(xí)之request與response用法,詳細(xì)介紹了CHttpRequest響應(yīng)request與response的使用技巧,需要的朋友可以參考下2016-03-03