jQuery双方调整大小

Question

我会尝试用文字说清楚:我想知道是否有一种方法可以使jquery-ui-resizable同时调整4面上的对象的大小,以便对象的中心保持在同样的立场.

这是沙箱http://jsfiddle.net/V79Ge/

所以,它非常像aspectRatio = true,但是当我从一侧调整对象的大小时,它会控制另外三个边

谢谢你的线索!

Answer 1

这是你所追求的效果:jsFiddle示例.

jQuery的:

$('#resizeMe').resizable({
    aspectRatio: true,
    resize: function(event, ui) {
        $(this).css({
            'top': parseInt(ui.position.top, 10) + ((ui.originalSize.height - ui.size.height)) / 2,
            'left': parseInt(ui.position.left, 10) + ((ui.originalSize.width - ui.size.width)) / 2
        });
    }
});

编辑:更新代码和jsFiddle以使用ui.position和ui.originalSize.