Как изменить размер по диагонали с помощью ui-jquery

Я работаю в javaScript, jquery-ui и хочу задать вопрос об изменении размера. Возможно ли изменить размер только по диагонали, т.е. Предположим, у меня есть прямоугольник шириной 200 и высотой 100, и я хочу изменить его размер, захватив его за один угол только в таким образом, что и высота, и ширина будут увеличиваться вместе, сохраняя одинаковое отношение ширины/высоты, и мне не разрешено увеличивать только высоту или только ширину.

Я пробовал это, используя опцию дескриптора изменяемого размера

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

Пример JSFiddle здесь Изменение размера только по диагонали Но все же я могу увеличить только высоту или только ширину, изменив < strong>соотношение ширины и высоты. Извините, если я не ясен.

Спасибо Любая помощь будет оценена.


javascript jquery-ui jquery-ui-resizable
person A_user    schedule 26.07.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

пользователь любит

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

person jaychapani    schedule 26.07.2012
comment
Большое спасибо @jaychapani - person A_user; 26.07.2012