我今天在工作上很无聊，所以我刚开始用帆布制作一些东西，试着自学一些东西。我已经陷入了这一部分，并决定联系SO社区，而不是将我的头撞到墙上。
基本的想法是听取点击，然后创建一个随机彩色的圆圈，用户点击，动画到更大的尺寸和淡出。
只需点击即可淡出效果。当您在画布上同时拥有多个圆圈时会出现问题。我可以说这是因为我正在做我的动画循环，但对于我的生活，我无法弄清楚如何做得更好。
我是否应该将动画循环与setInterval分开，以增加/淡化圈子？如果是这样，该循环应该做什么？我觉得我需要将圆圈的放置/增长/褪色与实际渲染分开。
编辑：我注意到这似乎只适用于Chrome（也可能是Safari）