javascript - 创建图像云

Question

我想创建一个图像云，其中图像相互堆叠并根据图像被看到的次数调整大小。

云可能也占用了预定义的空间。是否可以使用 javascript 或者我需要使用 SVG/Canvas？

类似的东西：hitlantis

任何指针/引用都会很好。

Answer 1

有些东西让你看看：

• javascript Image Resize - 您可能需要移动元素以使其看起来正确，但这可能可以在 CSS 中完成
• CSS 过渡
• jQuery mouseenter和mouseleave
• CSS：悬停

:hover如果您使用正确的过渡/样式，甚至可能不需要 Javascript 。

编辑：

对于分层，使用z-index. 我不确定你想如何定位你的元素，所以想出一个算法来放置它们（随机可能会很好）。完成后，只需使用position: absolute, 设置top和right到您生成的位置。

可能的放置算法：

• 随机 (easy peasy: x = Math.random() * maxWidth - radius + centerX)，与 y 类似
• 使用 Vogel 模型基于斐波那契- 确保轻松分发
• 聚类相似图像-这有点困难，取决于您的聚类逻辑

我确定还有其他人。我建议做一个简单的（随机），让一切正常，然后如果你愿意，稍后创建一个更有趣的算法。