javascript - 如何隐藏粒子效果(圆圈)直到加载其动画的 .png？

Question

我目前正在使用从 JS fiddle 获得的片段我在谷歌上找到的。它非常适合我的项目，并且我已经将它放在我的网站上。

但是。我的连接速度较慢 - 虽然我不确定这是否是发生这种情况的原因，但我看到“霓虹蓝色圆圈”漂浮在屏幕周围，在加载到动画为烟雾效果的 .PNG 之前显示“粒子” 。

我的问题:我是否可以隐藏这些圈子？或者可能会延迟效果直到加载 .PNG 为止？

我可能会让这件事变得比听起来更复杂。我不太擅长 JS，但我可以涉猎一下。非常感谢任何帮助!

<强> DEMO

#myCanvas{
    background:black;
    }

Answer 1

您可以删除/注释掉这些行:

    this.context.beginPath();
    this.context.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false);
    this.context.fillStyle = "rgba(0, 255, 255, 1)";
    this.context.fill();
    this.context.closePath();

这实际上绘制了一个圆圈。