EaselJS가 onClick을 사용하여 동적으로 텍스트 객체를 업데이트합니다.

Question

circle을 클릭하면 txt의 텍스트 속성을 업데이트 할 예정입니다. txt.Text = "gffdfgdsgsdgsdg";을 사용하면 작동합니까? 이 일을 어떻게 해야할지 아십니까?

function init() { 

    var canvas = document.getElementById('easel'); 
    var stage = new createjs.Stage(canvas); 

    var circle = new createjs.Shape(); 
    circle.graphics.beginFill("rgba(255,255,255,1)").drawCircle(40, 40, 40); 

    var shape = new createjs.Shape(); 
    shape.graphics.s('red').ss(10, 'round', 'round').mt(50, 50).lt(250, 250).lt(50, 250).cp(); 

    var shape2 = new createjs.Shape(); 
    shape2.graphics.s('blue').ss(20, 'round', 'round').mt(200, 50).lt(250, 250).lt(50, 250).cp(); 

    var txt = new createjs.Text("Hello CreateJS!", "15px Arial", "#FFF"); 
    txt.y = 45; 

    shape.onClick = function (event) { 
     this.x -= 1; 
    }; 
    shape2.onClick = function (event) { 
     this.x += 3; 
    }; 

    circle.onClick = function (event) { 

     alert('fhdfhdfhg'); 

     var s = this.x + ' y:' + this.y; 

     //txt.Text = "dfsdfs"; 

     txt.Text = "gffdfgdsgsdgsdg"; 

    }; 

    stage.addChild(shape); 
    stage.addChild(shape2); 
    stage.addChild(circle); 
    stage.addChild(txt); 

    //Update stage will render next frame 
    createjs.Ticker.setFPS(15); 
    createjs.Ticker.addEventListener("tick", handleTick); 

    function handleTick() { 

     console.log('test'); 

     circle.x += 2; 

     stage.update(); 
    } 


} 

Answer 1

당신은 (어쩌면 당신의 시세가 어떤 이유로 작동하지 않습니다) 업데이트 후 "텍스트"속성을 무대를 업데이트해야합니다

circle.onClick = function (event) { 

    txt.text = "gffdfgdsgsdgsdg"; 

    stage.update(); 

}; 

PD가 : "텍스트"속성은 소문자 있습니다.

Answer 2

해결책은 소문자 텍스트 속성을 사용하는 것이 었습니다.

txt.text = "업데이트 텍스트";