生成随机框而不重叠。使用Javascript

Question

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

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

小提琴： http://jsfiddle.net/ftw68b6f/2/

Answer 1

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

如果你使用这个选项，你必须要知道，当屏幕变得更饱满时，循环会花费更长时间，如果没有更多的盒子，可能会无限长。