做一個首頁調用圖像,有時候往往需要獲得固定大小的圖像,因為首頁的圖像位置通常由設計人員指定好了,如果是做最新發布圖像調用,因為不知道客戶會上傳什麼比例的圖像,所以,有時候也就沒有辦法確定圖像的比例,前台頁面編寫人員通常會采用固定 img 元素高寬的辦法來達到控制圖像不溢出,但如果圖像的比例不是需要的比例,就會造成圖像調用後變形,很大程度上影響了頁面的美觀,有解決的方法是,按照原圖比例進行縮放,縮放後的圖像難免會有空白,空白處填以顏色,這樣雖然圖像不變形了,但這樣會有很多問題,比如,如果用戶發一個圖像很高但寬度一般的圖像,如果壓縮成一個1:1的圖像,那麼壓縮後基本就會看不到圖像了。
我這裡的解決辦法是,任意圖像裁剪成固定大小,圖像不變形,空白處拉伸填充,圖像始終鋪滿,不留空白,用過bcastr的朋友應該知道,bcastr就是保證了圖像調用的不變形,對一個固定大小輸出的圖像框,源圖有以下幾種情況:
1:需要輸出的圖像的高寬比源圖的高寬都小,寫成判斷 $new_width<$src_width && $new_height<$src_width
2:需要輸出的圖像的高寬比原圖的高寬都大,寫成判斷 $new_width>$src_width && $new_height>$src_width
3:排除第1,2兩種,即一邊放大,一邊縮小的情況加上等於的判斷
對於1,2,函數處理代碼完全相同,所以可以歸納成一個處理語句
給出 php 實現代碼
<?php
/*
* 說明:函數功能是把一個圖像裁剪為任意大小的圖像,圖像不變形
* 參數說明:輸入 需要處理圖片的 文件名,生成新圖片的保存文件名,生成新圖片的寬,生成新圖片的高
* written by smallchicken
* time 2008-12-18
*/
// 獲得任意大小圖像,不足地方拉伸,不產生變形,不留下空白
function my_image_resize($src_file, $dst_file , $new_width , $new_height)
{
if($new_width <1 || $new_height <1)
{
echo "params width or height error !";
exit();
}
if(!file_exists($src_file))
{
echo $src_file . " is not exists !";
exit();
}
// 圖像類型
$type=exif_imagetype($src_file);
$support_type=array(IMAGETYPE_JPEG , IMAGETYPE_PNG , IMAGETYPE_GIF);
if(!in_array($type, $support_type,true))
{
echo "this type of image does not support! only support jpg , gif or png";
exit();
}
//Load image
switch($type)
{
case IMAGETYPE_JPEG :
$src_img=imagecreatefromjpeg($src_file);
break;
case IMAGETYPE_PNG :
$src_img=imagecreatefrompng($src_file);
break;
case IMAGETYPE_GIF :
$src_img=imagecreatefromgif($src_file);
break;
default:
echo "Load image error!";
exit();
}
$w=imagesx($src_img);
$h=imagesy($src_img);
$ratio_w=1.0 * $new_width / $w;
$ratio_h=1.0 * $new_height / $h;
$ratio=1.0;
// 生成的圖像的高寬比原來的都小,或都大 ,原則是 取大比例放大,取大比例縮小(縮小的比例就比較小了)
if( ($ratio_w < 1 && $ratio_h < 1) || ($ratio_w > 1 && $ratio_h > 1))
{
if($ratio_w < $ratio_h)
{
$ratio = $ratio_h ; // 情況一,寬度的比例比高度方向的小,按照高度的比例標准來裁剪或放大
}else {
$ratio = $ratio_w ;
}
// 定義一個中間的臨時圖像,該圖像的寬高比 正好滿足目標要求
$inter_w=(int)($new_width / $ratio);
$inter_h=(int) ($new_height / $ratio);
$inter_img=imagecreatetruecolor($inter_w , $inter_h);
imagecopy($inter_img, $src_img, 0,0,0,0,$inter_w,$inter_h);
// 生成一個以最大邊長度為大小的是目標圖像$ratio比例的臨時圖像
// 定義一個新的圖像
$new_img=imagecreatetruecolor($new_width,$new_height);
imagecopyresampled($new_img,$inter_img,0,0,0,0,$new_width,$new_height,$inter_w,$inter_h);
switch($type)
{
case IMAGETYPE_JPEG :
imagejpeg($new_img, $dst_file,100); // 存儲圖像
break;
case IMAGETYPE_PNG :
imagepng($new_img,$dst_file,100);
break;
case IMAGETYPE_GIF :
imagegif($new_img,$dst_file,100);
break;
default:
break;
}
} // end if 1
// 2 目標圖像 的一個邊大於原圖,一個邊小於原圖 ,先放大平普圖像,然後裁剪
// =if( ($ratio_w < 1 && $ratio_h > 1) || ($ratio_w >1 && $ratio_h <1) )
else{
$ratio=$ratio_h>$ratio_w? $ratio_h : $ratio_w; //取比例大的那個值
// 定義一個中間的大圖像,該圖像的高或寬和目標圖像相等,然後對原圖放大
$inter_w=(int)($w * $ratio);
$inter_h=(int) ($h * $ratio);
$inter_img=imagecreatetruecolor($inter_w , $inter_h);
//將原圖縮放比例後裁剪
imagecopyresampled($inter_img,$src_img,0,0,0,0,$inter_w,$inter_h,$w,$h);
// 定義一個新的圖像
$new_img=imagecreatetruecolor($new_width,$new_height);
imagecopy($new_img, $inter_img, 0,0,0,0,$new_width,$new_height);
switch($type)
{
case IMAGETYPE_JPEG :
imagejpeg($new_img, $dst_file,100); // 存儲圖像
break;
case IMAGETYPE_PNG :
imagepng($new_img,$dst_file,100);
break;
case IMAGETYPE_GIF :