gpt4 book ai didi

javascript - 定位多个随机大小的绝对定位元素,使它们不重叠

转载 作者:技术小花猫 更新时间:2023-10-29 11:45:10 26 4
gpt4 key购买 nike

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

最终目标是拥有响应用户交互的流畅词云(还记得 Google Balls Doodle 吗?)。我真的很想从头开始构建它,以加深我对此类开发的理解。该部门的任何帮助也将不胜感激:)

最佳答案

我不确定您是否也想将单词随机放置在容器中,但我已经写了一个 fiddle 来做到这一点。如果您愿意,可以修改代码以将一个词放在另一个词之后。我认为关键部分是检查是否存在碰撞的方法。

参见 http://jsfiddle.net/fZtdt/13/

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

关于javascript - 定位多个随机大小的绝对定位元素,使它们不重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6224571/

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