javascript - 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;

这保持了当前小部件的当前纵横比。如果有人想在上下文中查看它，我已将完整代码放在 Gist中。