HTML5 Canvas 내에서 마우스 커서 숨기기 Javascript

Question

Flash 대신 html5 canvas 요소와 Javascript를 사용하여 게임을 만드는 중입니다. 내 질문은 : 마우스 커서/포인터를 캔버스 내에서 전달하는 숨기기 위해 사용할 수있는 코드가 있습니까? 도움을 많이 받으실 수 있습니다!

Answer 1

나는 이것을 위해 자바 스크립트가 필요하다고 생각하지 않는다. 단지 CSS 만 사용할 수있다. 다음 캔버스 사업부 아이디/클래스 지정하고 당신의 CSS 템플릿이 사용 : 커서 스타일을 조작하기 위해 자바 스크립트를 사용할 수

* {cursor: none;}

Answer 2

. 코드 :

<div id="canvas_div_no_cursor"> 
    <!-- canvas here --> 
</div> 
<script type="text/javascript"> 
    document.getElementById('canvas_div_no_cursor').style.cursor = "none"; 
</script> 

Answer 3

(최신 브라우저에) 가장 간단한 방법은 캔버스에 none에 커서를 설정하는 것입니다.

캔버스가 HTML로 작성된 경우

는 수행 커서 값이 오버 쟁이되지 않습니다 보장하기 원하기 때문에 나는 스타일 시트를 통해이 선호하는 것

<canvas id="canvas" style="cursor: none;"></canvas> 

. 캔버스는 자바 스크립트로 작성된 경우

는

, 수행

const canvas = document.createElement('canvas'); 
canvas.style.cursor = 'none'; 
document.body.appendChild(canvas);