Javascript中的随机圆生成

Question

我正在尝试通过添加视差 (https://github.com/hwthorn/parallaxify) 使我的个人网站更具交互性。我找到了放置它的最佳位置 (http://puu.sh/5IQZN.png)，在一个名为 .index-hero 的类中。我需要做的是生成几个（随机放置的）圆圈，阴影为：深蓝色（#0C76CF）-白色（#ffffff）。我不知道如何（随机混合）两者以获得浅色。另外（随机放置圆圈）我尝试查看视差的源代码，并看到他们正在使用 math.rand 将圆圈随机放置在 div 中，但未能成功重新创建它。任何一方（颜色或位置）的任何帮助都将不胜感激！

Answer 1

您可以在 html 中创建一个隐藏的模板 div，然后使用 javascript 克隆它，显示它并为其随机放置 top 和 left 值。您可以使用 CSS 将 div 的 border-radius 设置为 50% 以使 div 看起来像圆形。或者，您可以尝试使用 html5 <canvas> 元素代替 div 来创建圆圈，同时随机放置它们。 Here's 一个很好的起点。