CreateJs에서 사용자 정의 커서를 설정하는 방법은 무엇입니까?

Question

어떻게 createjs에 사용자 정의 커서를 표시 할 수 있습니까? 캔버스에 여러 이미지/비트 맵을 렌더링했습니다. 특정 비트 맵을 클릭 할 때마다 커서가 특정 이미지로 변경되기를 원합니다. 즉 이미지 1 번을 클릭하면 이미지 2를 클릭하면 커서가 페인트 브러시의 이미지로 바뀝니다. 커서는 폭탄으로 바뀝니다.

// this property delegates to the css-style, so it might not work in all (older) browsers 
stage.cursor = 'none'; 

을 그러나 일부 (이상) 브라우저 커서를 숨길 허용하지 않을 수 있음에 유의하십시오

Answer 1

당신은 당신이 그렇게 할 수 있습니다, 기본 커서를 숨길해야합니다.

커서를 숨긴 다음 Bitmap 또는 Shape을 만들어 스테이지에 배치하고 항상 '마우스 위치로'위치를 업데이트해야합니다.

당신은을 통해 마우스 위치를 얻을 수 있습니다 : http://www.createjs.com/Docs/EaselJS/classes/Stage.html#property_mouseX

myCursor.x = stage.mouseX; 
myCursor.y = stage.mouseY; 
// ...and don't forget to update the stage 

---

힌트 : 일부 브라우저는 그러나이, 당신이 직접 CSS에있는 URL을 정의하여 커서 같은 이미지를 설정할 수 있습니다 매우 광범위하게 지원되는 것은 아니지만 시도해보고 필요에 맞는 지 확인해보십시오. 관심이 있으시면 여기를 참조하십시오. https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url