자바 스크립트에서 라파엘 '종이'에 마커를 추가하는 방법은 무엇입니까?

Question

지도에 마커를 추가하는 것과 같이 작동하는 마커가 필요합니다. 두 번 클릭하면 클릭 한 점에 표식이 표시되고 클릭 한 점의 x/y 픽셀 좌표가 반환됩니다. 모양을 정의하고 그 위에 경로 (R.path("M 92.3456 ... 37.0934 Z"))와

var R = Raphael("paper", 500, 500); 

:

나는 라파엘 종이있다. 그리고 나는 모양과 함께이 종이에 마커를 추가해야합니다.

나는 자바 스크립트 프로그래머가 아니기 때문에 어디서부터 시작해야할지 몰라. 그래서 여기에 어떤 도움을 많이 주시면 감사하겠습니다!

Answer 1

좋아, 나는이 간단한 피들을 만들어 문제를 해결하도록 돕는다.

http://jsfiddle.net/mN5du/1/

난 그냥 원에 라파엘 더블 클릭 이벤트를 추가 (당신은 당신의 경로와 동일한 기능을 수행 할 수 있습니다.) 이 이벤트가 발생하면 마우스 좌표를 두 변수에 저장합니다. 그런 다음이 두 변수를 사용하여 새로운 원을 그립니다. 원 대신 경로를 그리려면 경로 좌표 내에서 변수 만 사용해야합니다.

나는 이것이 당신을 위해서 일하기를 희망합니다! 궁금한 점이 있으면 말해주세요! 안녕!

편집 : 해설을보세요. 아래 답변을 작성하는 데 도움이됩니다.

편집 2 : 라인 console.log(x,y) 브라우저 콘솔에 마우스 값을 인쇄하면 코드가 작동 할 필요가 없습니다.