gpt4 book ai didi

javascript - 在较大矩形中拟合不同大小矩形的算法

转载 作者:塔克拉玛干 更新时间:2023-11-03 04:02:17 27 4
gpt4 key购买 nike

我需要一种算法来计算较大矩形中矩形的最佳拟合……并且较大的矩形会动态改变大小。更多详情:

我正在使用 Code52 Metro UI 项目:http://code52.org/metro.css/

我只使用一个图 block 行,所有图 block 都定义了“float:left”。当所有的图 block 都具有相同的大小时,这会很好地工作。用户可以将浏览器的大小调整为任意宽度,并且图 block 只是“落下”在彼此下面。现在,当我想要不同的瓷砖尺寸时,问题就来了。这打破了一切,并且显然是人们通常将 metro UI 设计为固定宽度的原因。好吧,如果可能的话,我需要采用流畅的布局。磁贴尺寸预定义如下:

Single: 130px x 130px
Double Horizontal: 130px x 280px
Double Vertical: 280px x 130px
and Double Both: 280px x 280px

容器是流动的,因此宽度/高度会动态变化。

我需要的是一种算法来最适合图 block ..所以任何空白区域只会出现在右下角,而不会与图 block 混合。这里有任何数学天才有想法吗?

最佳答案

您可能想看看 jQuery Masonary .它旨在为任何尺寸的瓷砖执行此操作。首页上的示例甚至完全符合您的要求。

关于javascript - 在较大矩形中拟合不同大小矩形的算法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12561102/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com