kineticjs - 黒い背景で表示されるレイヤー

Question

ゲームをしていて、最後のレイヤーを追加すると、Chrome または Firefox では正しく表示されますが、レイヤーが黒い背景で表示されるため、何か問題が発生していることがわかりました。他のレイヤーを無効にすると問題なく動作するため、画面内のオブジェクトの数に問題があるに違いありません。実際には、六角形とテキストの間には 70 ～ 90 しかないため、問題にはなりません。コードは他のブロックからのコピー＆ペーストなので、以前はうまくいかなかったはずです...

var rect=new Kinetic.Rect({
    x: 0,
    y: 0,
    width: rectW,
    height: rectH,
    fill: color,
    stroke: 'black',
    strokeWidth: 1,
});
player.add(rect);


var texto=new Kinetic.Text({
    x: 40,
    y: 5,
    textFill: 'black',
    text: name,
    fontSize: 12,
    align: 'left',
    width: rectW/2,
});
player.add(texto);

何かがうまくいかない場合は、誰か教えてもらえますか?