表示されない理由がわからない Kinetic.Layer があります。そして、デバッグする、または表示されない理由を確認する (簡単な) 方法があるかどうか疑問に思います。
Kinetic.Group を使えば表示されるので、それらの違いと解決方法に困っています。
奇妙なことは、まったく同じコードでグループからレイヤーに変更するだけで、それが消えてしまうことです。
コードは次のとおりです。
createTickerGroup: function (index) {
var symbolGroup = new Kinetic.Layer({
opacity: 0.8,
clearBeforeDraw: true
});
var fontSize = Math.floor(this.layer.getHeight() * 0.8);
var textConfig = {
text: "text " + index,
align: "left",
fontSize: fontSize,
fontFamily: "TSTARMedium",
textFill: "#000000",
clearBeforeDraw: true
};
var symbolText = new Kinetic.Text(textConfig);
symbolText.setName("@nm");
var pcText = new Kinetic.Text(textConfig);
pcText.setName("@pc");
var chText = new Kinetic.Text(textConfig);
chText.setName("@ch");
var chpText = new Kinetic.Text(textConfig);
chpText.setName("@chp");
var crText = new Kinetic.Text(textConfig);
crText.setName("@cr");
symbolGroup.add(symbolText);
symbolGroup.add(pcText);
symbolGroup.add(chText);
symbolGroup.add(chpText);
symbolGroup.add(crText);
return symbolGroup;
}