변형 된 객체 내에서 터치 좌표 가져 오기

Question

나는 사용자가 그릴 수있는 캔버스가 있습니다. 터치 위치에서 캔버스의 위치를 ​​빼서 사용자가 그리려는 좌표를 계산합니다.

캔버스가 변형되면 (3 차원 또는 그렇지 않은 경우) 분명히 작동하지 않습니다.

모든 스마트 접근 방식을 어떻게 처리합니까?

Answer 1

이것은 까다 롭습니다.

2D 터치 좌표를 변환 된 좌표 공간에 매핑해야합니다. 저는 이것을 처리 할 수있는 코드에 캔버스 드로잉을 래핑하거나 변환을 병행하여 제공하는 클래스를 사용하지 않고이 작업을 수행 할 수 있을지는 의문입니다.

흥미로운 또 다른 사항은 SVG입니다. 그것은 당신을 위해 모든 장면 관리 및 클릭 이벤트를 처리합니다. 여기에 대해 자세히 알아보기 : What is the difference between SVG and HTML5 Canvas?

HTML5 캔버스 장면 라이브러리를 찾으십시오. 특히 JavaScript 용 게임 키트에는 이러한 도구가 있습니다.

Answer 2

는 난 그냥 찾은 것 같아 그것을 :

• window.webkitConvertPointFromPageToNode() 및
• window.webkitConvertPointFromNodeToPage()