javascript - 查找具有 x 行、y 列定义的 maxWidth 和 maxHeight 的容器的大小

Question

我正在尝试寻找容器的最佳尺寸。

我必须遵循这些值(value)观:

• 窗口最大宽度
• 窗口最大高度
• 每列适合的项目
• 每行适合的项目

每个项目都需要是正方形，并且容器必须完全适合项目。我还需要容器尽可能大，但不能大于 x 方向的最大宽度和 y 方向的最大高度。

我当前的代码(实际上不起作用)，如下所示:

[dWidth, dHeight] = [window.innerWidth, window.innerHeight];
// Adjust sizes, for the tiles

var tiles = (width + height) / 2;

dSize = (dWidth / tiles) > (dHeight / tiles) ?
  (dHeight / tiles) : (dWidth / tiles);

dSize |= 0,

dWidth = width * dSize,
dHeight = height * dSize,

• dWidth 是我要创建的容器的宽度
• dHeight 是我要创建的容器的高度
• width 是我拥有的列数
• height 是我拥有的行数
• dSize 是每个项目的高度和宽度。

无需担心奇怪的dWidth分配，它是临时的。

无需担心dSize |= 0，我不会得到负值。

无需担心以逗号结尾的代码片段，下一行只是将 dWidth 和 dHeight 分配给 Canvas 。

Answer 1

水平方向可容纳的方 block 数量为dWidth/width，垂直方向可容纳的方 block 数量为dHeight/height。因此，您可以计算出适合的最大数量，如下所示:

var dSize = Math.min(dWidth/width, dHeight/height);

如果您需要绝对值，请继续对结果使用 Math.floor。