放置多个随机大小的，绝对定位的元素，这样它们就不会重叠

Question

好的，我需要能够在页面上放置一堆随机大小的绝对定位的单词，但是我不希望任何元素重叠。

最终目标是拥有一个能够响应用户交互的流畅词云（还记得Google BallsDoodle吗？）。我真的很想从头开始构建它，以加深我对这种类型的开发的理解。在这个部门的任何帮助也将不胜感激:)

Answer 1

我不确定您是否还想将这些单词随机放置在容器中，但是我写了一个小提琴来做到这一点。如果需要，您可以修改代码以将一个单词紧挨另一个单词定位。我认为关键部分是检查是否发生碰撞的方法。

编辑：请注意，这是非常简单且未经优化的代码。例如，如果您要添加多个单词，则脚本可能无法将所有单词都放入容器中，从而陷入无限循环。