生成不重叠的随机框。 Javascript答案

【问题标题】：Generate random boxes without overlapping. Javascript生成不重叠的随机框。 Javascript
【发布时间】：2016-03-10 12:55:30
【问题描述】：

我使用这个随机函数来生成顶部和左侧的位置。我如何生成数字，使框不相互重叠。

this.posX = Math.floor((Math.random() * 850) + 1);
this.posY = Math.floor((Math.random() * 450) + 1);

【问题讨论】：

【解决方案1】：

您最初无法阻止它们重叠，但是您可以添加一个 while 循环来检查当前选择的位置是否与任何其他框重叠，如果是，请选择一个新的随机位置。

如果您使用此选项，您必须注意，当屏幕变满时，循环需要的时间越来越长，如果没有更多的框适合，可能会无限长。

【讨论】：