HTML 캔버스 사용자

Question

나는 사용자가 이미지를 통해 그릴 수 있도록 다음 자습서를 사용하고

에 의해 그려진 위치를 검색 내가 원하는 것을하기.

내 다음 작업은 사용자가 그린 영역의 좌표를 가져 와서 데이터베이스에 저장하는 것입니다. 이 응용 프로그램은 물리 치료사를위한 것입니다. 아이디어는 사용자가 몸이 상처를 입은 곳의 몸을 그리며 나중에 물리 이미지가 그려진 이미지로 이미지를 가져올 수 있다는 것입니다.

이 질문에 정말 :

1. 어떻게 그려진 화면의 영역을 검색 할 수 있습니까?
2. 데이터베이스에서 이미지를 가져올 때 어떻게 모양을 그려야합니까?

Answer 1

튜토리얼에는 두 개의 배열 (clickX, clickY)이 있습니다. mouseleave 및 mouseup 후에 이러한 배열에서 포인트를 저장하십시오. 그것은 지역이 될 것입니다. 그들은 클라이언트에서 사용할 수와

for(var i=0; i < clickX.length; i++) 
    {  
    context.beginPath(); 
    if(clickDrag[i] && i){ 
     context.moveTo(clickX[i-1], clickY[i-1]); 
    }else{ 
     context.moveTo(clickX[i]-1, clickY[i]); 
    } 
    context.lineTo(clickX[i], clickY[i]); 
    context.closePath(); 
    context.stroke(); 
    } 

같은 다시 그리기 방법의 코드 당신이 올바른 이해 했는가 모든 영역을 그릴 수 있도록 는 모양이 모든 영역을 직렬화 그리려면?