javascript - Kineticjs 扩展形状类导致未捕获的范围错误？

Question

这是我第一次发帖，我已经尽力寻找这个问题的答案。我两手空空而来。

之前我使用的是kineticJS 3.10.2。我已经更新了库以使用今天最新的 4.1.2。我遇到了几个错误，其中大部分已经解决，但是，我已经走进了死胡同。

这是我在 js 文件中遇到的错误。我不知道它发生在 js 的哪里。

Uncaught RangeError: Maximum call stack size exceeded
  Kinetic.Node.getParent
  Kinetic.Node.getStage
  Kinetic.Node.getStage
  .....

Kinetic.Node.getStage 此后重复 100 多次。

我有理由相信这与我修改 Kinetic.Shape 原型(prototype)的方式有关 because of this article

function Datapoint() {
 this.uv = 0;
 this.royalblue = 0;
 this.royalblue2 = 0;
 this.presetId = 0;
 this.blue = 0;
 this.coolwhite = 0;
 this.green = 0;
 this.hyperred = 0;
 this.brightness = 0;
 this.clouds = 0;
 this.storms = 0;
 this.pointTime = new Date();
 this.id = 0;
 this.profileId = 0;
 this.intensity = 0;
 this.xCoord = 0;
 this.yCoord = 0;
 this.isStartNight = false;
 this.isStartDay = false;
 this.isNight = false
 this.isDay = false;
 this.isNatural = false;
}

//Modify the shape object
var DatapointObject = Kinetic.Shape;
DatapointObject.prototype.Datapoint;

然后，我尝试以标准方式创建一个点。

var point = Kinetic.Circle({<config object>});

我相信这可能是我错误的根源。如果是这样，我该如何修复它？

如果这不是我的错误根源，任何人都可以提供一些建议来帮助我推断问题到底出在哪里吗？

Answer 1

原来这个错误也是因为给自己添加了一个图层导致的。就像这样:

myLayer.add(myLayer);  //<--doesn't make any sense

这应该是

myStage.add(myLayer); //<-- fixed