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 放在了。