인프런 커뮤니티 질문&답변

애초에 캔버스 크기를

let WIDTH = 400; 
let HEIGHT = 400;

이렇게 설정하고

마우스이벤트를

const onDocumentMouseMove = (event) => {
  if (0 < event.clientX && WIDTH > event.clientX) {
    mouseX = event.clientX - windowHalfX;
  }
  if (0 < event.clientY && HEIGHT > event.clientY) {
    mouseY = event.clientY - windowHalfY;
  }

};

이렇게 설정해서 작동은 됩니다만
혹시 다른 간단한 방법이 있을까요?

캔버스 크기를 설정하면

WIDTH, HEIGHT를 넘어가도 이벤트가 실행이 되어서요