보이지 않는 레이어를 디버깅하는 가장 좋은 방법

Question

나는 그것이 왜 보이지 않는지 이해할 수없는 Kinetic.Layer를 가지고 있습니다. 디버깅 할 수있는 (쉬운) 방법이 있는지, 왜 나타나지 않는지 궁금합니다.

내가 Kinetic.Group을 사용하는 경우 표시되므로 문제 해결 방법과 문제가 무엇인지 궁금합니다.

이상한 점은 그룹에서 레이어로 변경하면 완전히 똑같은 코드가 사라져서 사라진다는 것입니다.

layer.draw(); 

레이어를 다시 그리기 위해, 당신은

layer.add(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; 
} 

Answer 1

가 있는지 확인 : 여기

는 코드입니다. 또한 제거하십시오.

opacity: 0.8, 
    clearBeforeDraw: true