如何在使用UI-jquery對角線調整

Question

我正在使用javaScript jquery-ui想要問一個關於調整大小的問題。是否可以僅對角地調整大小即假設我有一個寬度爲200和高度爲100的矩形並且我想通過抓住它的一個角來調整它的大小，只有這樣，高度和寬度纔會一起增加，同時保持寬高比爲，並且我不允許僅增加高度或僅增加寬度。

我一直在使用的可調整大小

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

的jsfiddle例如手柄選項嘗試​​過在這裏Resizing only diagonally 但還是我可以只增加高度或寬度只改變我的寬/高比。 如果我不清楚，我很抱歉。

謝謝任何​​幫助將不勝感激。

Answer 1

用戶喜歡

<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/