強制上傳的圖片，以保持其比例

Question

我dispaly圖像中的圖像標籤

<img src="image.jpg" width="100" height="50" /> 

我用戶上傳的圖像大小100×100，我希望它會顯示類似上面的標籤是

<img src="image.jpg" width="50" height="50" /> 

如何實現那個？

ps

我正在使用php，如果它是服務器端問題。

Answer 1

使用getimagesize()獲取圖像大小。然後這樣做是爲了縮小到合適的，但保持縱橫比：

if ($width > $height) 
{ 
    $ratio = (float)100/$width; 
} 
else 
{ 
    $ratio = (float)100/$height; 
} 

$width = (int)round($width * $ratio); 
$height = (int)round($height * $ratio); 

Answer 2

該代碼將適合爲maxWidth X maxHeight框中的任何圖像，保持縱橫比和填充有白色背景。

$img = new Imagick('orig.jpg'); 
$maxWidth = 100; 
$maxHeight = 50; 

$geom = $img->getImageGeometry(); 
$fitWidth = (($maxWidth/$geom['width'])<($maxHeight/$geom['height']))?true:false; 
if($fitWidth){ 
    $img->thumbnailImage($maxWidth,0,false); 
}else{ 
    $img->thumbnailImage(0,$maxHeight,false); 
} 

$canvas = new Imagick(); 
$canvas->newImage($maxWidth,$maxHeight,'white','jpg'); 

$geom = $img->getImageGeometry(); 
$x = ($maxWidth-$geom['width'])/2; 
$y = ($maxHeight-$geom['height'])/2; 
$canvas->compositeImage($img,imagick::COMPOSITE_OVER,$x,$y); 

$canvas->writeImage('thumb.jpg');