Javascript 将图层添加到另一个图层

我有下面的代码，我试图添加几个Kineticjs层到另一个层，但当我做什么都没有显示出来。我在画布上添加了其他形状，它们显示得很好，如果我单独添加所有层，它们就会出现。这是一个错误还是我做错了什么

this.canvas = new Kinetic.Stage({ "container": jQuery( "#testElement" ).get(0),
    "width": ShooterGame.WIDTH, "height": ShooterGame.HEIGHT });

this.container = new Kinetic.Layer();
this.layer1 = new Kinetic.Layer();
this.layer2 = new Kinetic.Layer();
this.layer3 = new Kinetic.Layer();

this.layer1Bg = new Kinetic.Rect({ "width": 100, "height": 100, "fill": "#FF0000" });
this.layer2Bg = new Kinetic.Rect({ "width": 100, "height": 100, "fill": "#FF0000" });
this.layer3Bg = new Kinetic.Rect({ "width": 100, "height": 100, "fill": "#FF0000" });

this.layer1.add( this.layer1Bg );
this.layer2.add( this.layer2Bg );
this.layer3.add( this.layer3Bg );

this.container.add( this.layer1 );
this.container.add( this.layer2 );
this.container.add( this.layer3 );
this.canvas.add( this.container );

this.container.draw();

---

您可以将层添加到组（Kinetic.group），然后将组添加到舞台

把一层放进另一层的目的是什么？分组？谢谢，这就是我最后要做的-奇怪的是文档中没有提到这个限制