Gridster.js - 调整大小并保持纵横比

Question

我目前正在使用Gridster.js，我想知道是否有任何有插件经验的人都知道如何在调整大小时保持小部件的宽高比。

目前我的网格中有正方形，我希望保留1：1和矩形，我希望保持3：2。

我以为我可以在resize.resize函数中进行某种检查。这听起来相当昂贵，但因为每次鼠标移动都会被解雇。

有没有更好的方法来解决这个问题？

Answer 1

我设法通过修改Gridster.js插件来解决这个问题：

在第2020行，我在fn.on_resize方法内添加了：

    //check the initial size to get the ratio
    var ratio = this.resize_initial_sizex / this.resize_initial_sizey;
    size_x = size_y / ratio;

保持当前小部件的当前宽高比。如果有人想在上下文中看到它，我已经放了full code up in a Gist。