1.6.1.1 마우스 좌표에서 캔버스 좌표로 변환
브라우저에서 이벤트 리스너로 전달하는 이벤트 오브젝트에 대한 마우스 좌표는 캔버스와 관련된 좌표가 아닌 윈도우 좌표다.
대부분 윈도우가 아닌 캔버스에 관하여 마우스 이벤트가 발생하는 위치를 알아야 하므로 좌표를 변환해야 한다.
스프라이트 시트를 사용할 경우를 생각해보자.
스프라이트 시트란 애니메이션을 위해 여러 개의 이미지를 붙여놓은 하나의 이미지를 뜻한다.
애니메이션이 진행됨에 따라 스프라이트 시트에서는 한 번에 한 이미지만 보여준다.
이것은 스프라이트 시트에서 각 이미지에 대한 정확한 좌표를 알고 있어야 한다는 의미이다.