2017-01-28 2 views
0

여기에서 마우스 포인터를 원으로 원을 그리도록 사용자 정의 마우스 포인터를 지정합니다. 처음에는 마우스 포인터가 원 위에 있었지만 마우스를 무대 위로 가져 가면 마우스 포인터가 원의 정확한 위치에 있지 않습니다. 3 각각의 정확한 위치를 얻는 방법?createjs에서 사용자 정의 마우스 포인터에 마우스 포인터 위치를 추가하는 방법

var cursor; 
createjs.Touch.enable(stage); 

stage.enableMouseOver(); 

cursor = new createjs.Shape(new createjs.Graphics().beginFill("#000000").drawCircle(0, 0, 25)); 
cursor.cursor = "pointer"; 
stage.addChild(cursor); 
stage.addEventListener("stagemousemove", handleMouseMove); 
stage.update(); 

function handleMouseMove(event) { 

    cursor.x = stage.mouseX; 
    cursor.y = stage.mouseY; 
    stage.update(); 

} 

답변

0

당신은 질문을 명확히 할 수 있습니까? http://jsfiddle.net/j6erzwgn/1/

  • 내가 당신 handleMouseMove에서 "updateStage"전화를 제거하고 마우스 이벤트 무대의 요구보다 훨씬 빨리 발사 이후, 시세 이벤트에 넣어 : 여기

    는 코드의 바이올린입니다.
  • RAF를 사용하기 위해 티커를 변경하여 멋지고 부드럽게 보입니다.

    createjs.Ticker.on ("tick", stage); createjs.Ticker.timingMode = createjs.Ticker.RAF;

정상적으로 실행되는 것 같습니다. 시스템 커서와 동기화되어 업데이트되지 않기 때문에 약간의 지연이 있음을 알게되면 사용자 정의 커서에서 다소 지연 될 것으로 예상됩니다.

도움이 되었습니까? 나는 당신의 다른 질문들이 무엇을 요구하는지 확신하지 못한다.

관련 문제