캔버스 터치 이벤트의 올바른 좌표 얻기

Question

올바른 터치 좌표 좌표를 얻는 데 문제가 있습니다. 이건 내 마크 업

<div class="board"> 
<canvas width="595" height="595" id="bgCanvas"></canvas> 
<canvas width="595" height="595" id="liCanvas"></canvas> 
</div> 

CSS의

.board{ 
width:595px; 
height:595px; 
position:absolute; 
display:block; 
left:21px; 
top:230px; 
} 
.board canvas{ 
position:absolute; 
} 

하고 코드, 내가 이미 liCanvas

evX= ev.targetTouches[0].pageX- liCanvas.offsetLeft 

에 터치 이벤트 리스너를 추가 한 점에 유의하지만 난을받지 못했습니다 오른쪽 값, 캔버스의 왼쪽 위 모서리를 터치 할 때 evX = 0을 원한다는 뜻입니다.

Answer 1

offsetLeft이 보드에 대한 요소의 위치를 ​​제공합니다 제발 도와주세요하지만 당신은 그렇게 코드가 당신이지고 어떤 값을

function getOffsetLeft(elem) 
{ 
    var offsetLeft = 0; 
    do { 
     if (!isNaN(elem.offsetLeft)) 
     { 
      offsetLeft += elem.offsetLeft; 
     } 
    } while(elem = elem.offsetParent); 
    return offsetLeft; 
} 

evX= ev.targetTouches[0].pageX- getOffsetLeft(liCanvas); 

Reference