Javascript 使用jQuery保持其高度的图像比率

Javascript 使用jQuery保持其高度的图像比率,javascript,jquery,image,math,aspect-ratio,Javascript,Jquery,Image,Math,Aspect Ratio,嘿,我正在尝试自动获取图像的高度。我似乎找不到任何jQuery来做这个 我希望做的事情与photoshop中的类似: 如果图像是: Width = 778 Height = 346 我想将宽度更改为380,然后在photoshop的宽度文本框中键入380将高度更改为169: width = 380 height = 169 我如何在Jquery中模拟它?为什么需要它? 如果您只是在html img元素中设置了一个类似于attrbiute的height/width内联元素,您将自动看到图

嘿,我正在尝试自动获取图像的高度。我似乎找不到任何jQuery来做这个

我希望做的事情与photoshop中的类似:

如果图像是:

Width  = 778
Height = 346
我想将宽度更改为380,然后在photoshop的宽度文本框中键入380将高度更改为169

width  = 380
height = 169

我如何在Jquery中模拟它?

为什么需要它?
如果您只是在html img元素中设置了一个类似于attrbiute的height/width内联元素,您将自动看到图像的比率。

类似这样的内容如何

http://jsfiddle.net/Njf5k/1/
HTML

<label>Original Width</label>
<input type="text" id="originalWidth" class="original" value="778" />
<br />
<label>Original Height</label>
<input type="text" id="originalHeight" class="original" value="346" />
<label>New Width</label>
<input type="text" id="newWidth" class="new" />
<br />
<label>New Height</label>
<input type="text" id="newHeight" class="new" />
$('#newWidth').keyup(function () {
    $('#newHeight').val(Math.round(
    ($('#originalHeight').val() * $('#newWidth').val()) / $('#originalWidth').val()));
});