키네틱 js mousemove 설정 attrs

Question

영역 위로 마우스를 움직이면 mousemove에서 그림자를 이동하고 싶습니다. 그것은 클릭과 트위닝으로 작동하지만 mousemove에서는 작동하지 않습니다. 무대에서 다른 무언가가 트위닝되면 다른 트윈이 끝날 때까지 짧은 시간 동안 작동하기 때문에 무대를 업데이트해야한다고 생각합니다. 도와 주시고 미리 감사드립니다.

greyBack.on('mousemove', function() { 
    var mousePos = stage.getMousePosition(); 
    var x = (mousePos.x) - (stage.getWidth()); 
    var y = (mousePos.y) - (stage.getHeight()); 

    shadow1.setAttrs({ 
    x: [x*(-1)], 
    y: [y*(-1)], 
    })             
}); 

Answer 1

당신은 캔버스를 업데이트 layer.drawScene() 또는 stage.draw()를 호출 할 수도 있습니다. click에서 트윈 동안 자동으로 호출됩니다.

귀하의 수정 된 코드는 같을 것이다 :

greyBack.on('mousemove', function() { 
    var mousePos = stage.getMousePosition(); 
    var x = (mousePos.x) - (stage.getWidth()); 
    var y = (mousePos.y) - (stage.getHeight()); 

    shadow1.setAttrs({ 
    x: [x*(-1)], 
    y: [y*(-1)], 
    })  
    layer.drawScene(); //Or stage.draw(); - I don't know how you grouped your shapes ;)           
});