いくつかの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();