我正在编写一个网站,其中我有一个固定宽度的 div 代表相框。用户可以更改框架的宽度和高度值,并且使用 Jquery,我想向他们展示框架的表示。
frame div 本身的宽度是固定的,因为它在页面设计中的空间有限。所以唯一可以物理改变的维度是高度。
例如,如果用户指定了 300 毫米的框架宽度和 200 毫米的高度,我必须在屏幕上表示。我正在努力获得准确的表示。目前,我正在执行以下操作:
$(function() {
$( "#artwork_height_input" ).change(function() {
//Work out the new proportional height (the width of the div is fixed, so only the height can be altered)
var divWidth = $( "#artwork_width_input" ).val();
var divHeight = $( "#artwork_height_input" ).val();
var ratio = divWidth / divHeight;
var newDivHeight = divHeight / ratio;
alert(newDivHeight);
$("#scaledimage").height(newDivHeight-2);
});
});
问题是,这导致 newDivHeight 为 133.33,我知道这是不对的。谁能帮我解决这个问题?我确信它的数学比 Jquery 更多,但任何帮助将不胜感激!
谢谢!