如何使用 Javascript/jQuery 计算图像的比例大小？答案

【问题标题】：How to calc the proportional size of a image with Javascript/jQuery?如何使用 Javascript/jQuery 计算图像的比例大小？
【发布时间】：2013-12-12 18:31:22
【问题描述】：

我有图像的宽度和错误高度，并希望使用 Javascript/jQuery 计算新的比例。必须使用宽度并计算新的高度。

希望有人能帮助我。

谢谢！

【问题讨论】：

老实说，为什么不直接使用 CSS 并将高度设置为 auto？那不是更好吗？你所要做的就是设置宽度！你也可以max-height: 100%; max-width: 100%;
索隆，没错。但我必须使用 javascript，因为我使用的 js 库缩放错误，并且在我使用最大高度或高度时不起作用。

标签： javascript jquery image resize image-scaling

【解决方案1】：

var newWidth = <whatever the new width is>;
var width = $('#imgID').width();
var proportion = newWidth/width;
var newHeight = <existing height> * proportion;

【讨论】：

我只有一个宽度，没有新的宽度。
@user1878413 然后使用： var width = $('#imgID').width(); var ratio = /width; var newHeight = * 比例；

【解决方案2】：

我使用 css width:100% 并使用 element.clientHeight 来获取它的高度。

【讨论】：