我正在寻找构建一个基于 Jquery 的仪表板。查看以下示例：
http://jqueryui.com/sortable/#display-grid
和
http://jqueryui.com/sortable/#portlets
我发现如果我们有一个流畅的布局，这个功能很容易实现。然而。我想要一个比上面提到的示例稍微复杂的仪表板。
我要创建的仪表板将有一个网格，可以在其中放置项目。这些项目可以放在页面上的任何位置，并且项目之间将允许存在间距。这些项目可以根据网格调整大小，从而使项目移开。
我不想要像谷歌主页仪表板这样的布局，其中瓷砖向上移动并且不允许网格中的间距。
因此，例如，我将有一个 10 x 10 网格（每单位 50 像素）
一个瓷砖可以是 1 x 1 并调整为 1 x 2，然后可以有一个 1 x 1 的垫片，然后是另一个瓷砖。
我正在寻找一个好的算法来实现这一点。我的最终目标是最终得到一个类似于您在 android 主屏幕上看到的仪表板。
然而，我目前的主要缺点是用于交换和组织网格的智能碰撞检测。
一旦完成，我希望在 github 上分享我的仪表板。谢谢你。