具有固定高度的 HTML 可变图像宽度

Question

我在这里遇到了障碍。我有一个动态站点，用户在其中上传图像，并将其显示在页面上。这一切都很好而且很花哨，但我相信我们都遇到过这样的场景：未定义大小的图像会通过溢出和推动其他元素而真正搞乱我们的图形表示。所以，我想知道是否有一种方法可以为图像设置定义的尺寸（在我的情况下为高度）并让宽度缩放以保持比例。我试过只设置高度属性而不设置宽度，但没有显示任何东西（比如宽度设置为 0）。任何提示或帮助将不胜感激。

Answer 1

使用Imagick调整图片大小：

<?php

$thumb = new Imagick();
$thumb->readImage('myimage.gif');    
$thumb->resizeImage(320,240,Imagick::FILTER_LANCZOS,1);
$thumb->writeImage('mythumb.gif');
$thumb->clear();
$thumb->destroy(); 

?>

编辑：要保持纵横比使用scaleImage，将要调整大小的尺寸设置为0，将其他尺寸设置为0以保持纵横比：

$im->scaleImage(0, 300);