javascript - 在 HTML、CSS、JQuery 中用其他小形状填充形状

<分区>

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。

关闭 9 年前。

要求提供代码的问题必须表现出对所解决问题的最低限度的理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
关于您编写的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

Filling a shape with other small shapes

我想使用 html、css 和 jQuery 用随机大小和随机数量的球动态填充一个形状。

例如附图中，“图A”是用户添加球时我要填充的自定义形状(球实际上是用户发表评论时的图片)。比如100个用户发表评论，我想放100个大小、颜色随机的“图A”形状的球。图 A 当前显示的是一条线，但当我用这些圆圈填充它时，该线将不可见，因此形状会变成圆圈。

知道如何实现吗？或者有人已经用 HTML、CSS、jQuery 做过的任何例子？

提前致谢。

最佳答案

有两种方法可以解决这个问题:

画出圆圈，例如对布局进行硬编码并在填充之前将它们隐藏起来。 cicles 基本上是具有唯一 ID 的占位符。
如果圆圈是动态创建的，请使用 box2dweb，这是一个内置碰撞检测的物理引擎。它需要大锤才能敲开螺母，但它可以让您通过一些引人入胜的动画和用户交互来扩展您的元素。圆圈可以拖动，用户可以四处移动他们的图片等。您可以自己设置重力，以便它们可以掉落或漂浮到您构建的包含形状中。 Seth Ladd 有一套全面的在线教程。您还需要对 html Canvas 有很好的了解。

关于javascript - 在 HTML、CSS、JQuery 中用其他小形状填充形状，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19972290/