jQuery 调整两侧大小

Question

我会尝试用文字说清楚:我想知道是否有一种方法可以使用jquery-ui-ressized同时调整对象4边的大小，以便对象的中心保持在同一位置。

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

所以，它很像aspectRatio=true，但是当我从一侧调整对象大小时，它会控制其他3侧

感谢您的线索!

Answer 1

这就是您想要的效果吗: jsFiddle example 。

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。