在我的画布动画上“未能执行createRadialGradient，提供的双值是非限定的”

Question

我打算用画布制作一个颜色渐变圆圈动画，但我收到此错误 “无法执行createRadialGradient，提供的double值是非限定的 in控制台。我正在使用我的MAC编码，但是当我将这些代码复制到我的Windows PC时，它运行得非常完美。这让我很困惑。以下错误代码如下：

 //...within my circle constructor
  this.color = function(){
                    var grad = ctx.createRadialGradient(this.x,this.y,0,this.x,this.y,this.r);
                    var colorArray = ['green','red','yellow','blue','purple'];
grad.addColorStop(0,colorArray[Math.floor(Math.random()*colorArray.length)]);
grad.addColorStop(.2,colorArray[Math.floor(Math.random()*colorArray.length)]);
return grad

我只是觉得我的color（）函数没有任何错误，但是当我在后期使用动画调用它时，错误就会突然出现。有没有人可以帮我这个？可以在https://github.com/mystreie1126/CanvasExperiment/blob/master/Color%20gradient%20Circle%20Animation/colorCircle.html

查看所有源代码

提前致谢