0

我正在使用 javaScript 和 jquery-ui 并想问一个关于调整大小的问题。是否可以只调整对角线的大小，即假设我有一个宽度为 200 和高度为 100 的矩形，我想通过抓住它的一个角来调整它的大小这样高度和宽度都会一起增加，保持宽度/高度比相同，我不能只增加高度或宽度。

我已经尝试使用可调整大小的句柄选项

$("#resizable").resizable({
    handles: 'se'
});​

JSFiddle 示例在这里仅对角调整大小 但我仍然能够仅增加高度或仅增加宽度来改变我的宽度/高度比。如果我不清楚，我很抱歉。

谢谢任何帮助将不胜感激。

4

1 回答 1

0

用户喜欢

    <script>
    $(function() {
        $( "#resizable" ).resizable({
            aspectRatio: 16 / 9 //(in your case it should be 2/1)
        });
    });
    </script>

http://jqueryui.com/demos/resizable/aspect-ratio.html

更新的演示

http://jsfiddle.net/bx2mk/765/

于 2012-07-26T05:33:37.913 回答