jQuery/PHP - 调整图像的比例直接调整大小

Question

嗨
假设我有几幅不同宽度和高度的图像，我希望它们都适合200宽度和200高度和直接比例的图像标记（图像获胜不会失真）。

我该如何在PHP或JQuery中做到这一点？

感谢

Answer 1

var max = 200; 
$('img').each(function() 
{ 
    var $this = $(this); 
    if ($this.height() > $this.width()) 
    { 
     $this.height(max); 
    } 
    else 
    { 
     $this.width(max); 
    } 
}); 

http://jsfiddle.net/mattball/qtVkT/

Answer 2

从this tutorial：

• 我们假设缩略图应为100个像素，无论是宽或高。
• 我们加载原始图片，并检查其尺寸。
• 如果图片比宽高，我们将大拇指的高度设置为100像素。
• 缩略图的宽度是原始宽度乘以100像素除以其高度。
• 缩略图height =原始宽度*（100 /原始高度）
• 这样我们就保留了原始的宽高比。
• 如果原始图片比宽高，我们对缩略图的高度也做同样的处理。
• 如果它们相同，我们只需创建一个100x100像素的图像。

国际海事组织调整大小的图像与jQuery是一种不好的做法，我建议你不应该这样做，如果你可以使用GD库。

Answer 3

这将限制所有图像带班“形象”是< = 200x200px

如果你希望它是一个完美的200×200箱，在200x200px DIV

$('.image').each(function(){ 
    var $this = $(this); 
    $this[$this.width() > $this.height() ? 'width' : 'height'](200); 
});