Raphael 2+ 라이브러리를 사용하여 마우스로 직사각형을 그려보고 있습니다 (참고 : this question에 대한 대답은 Raphael 2에서 작동하지 않습니다).마우스 이벤트를 Raphael rect에 첨부하기
사각형 (Paper.rect)을 사용하면 mousedown/mouseup 이벤트는 커서가 사각형의 가장자리에있을 때만 트리거됩니다. 이러한 이벤트를 첨부하여 마우스 커서가 사각형 내에있을 때 트리거하는 방법이 있습니까?
궁극적으로 마우스를 사용하여 선택 윤곽/프레임을 그려 봅니다. 이상적으로, 마우스 리스너를 첨부하고 싶습니다. 그러나 이것은 더 이상 가능하지 않습니다. 따라서 종이 위에 '표면'rect를 만들고 그 안에 요소를 그립니다. 이 접근 방식은 꽝인가? 모든 아이디어를 환영합니다.
고마워요. 요소를 통해 이벤트를 전파하는 방법을 알고 있다고 생각하지 않습니까? 다른 객체 아래에있는 객체에서 마우스 움직임을 추적 할 때 마우스가 맨 위 요소 위로 이동하면 이벤트가 중지됩니다.이 요소는 맨 아래 요소로 전달되지 않습니다. – simonhaines
헴, 불행히도, 나는 라파엘을 사용한 이벤트 핸들링에 대한 경험이 없습니다. 어쩌면이 대답은 당신을 방해 할 수 있습니다 : http://stackoverflow.com/questions/6617548/why-is-dragging-in-raphael-broken-by-stopping-propagation-of-mousemove-in-an-enc. 어쩌면이 라파엘 예제가 당신을 도울 수 있습니다 (그러나 그것은 마우스 끌기를 구현합니다) : http://raphaeljs.com/graffle.html. – Bathz
다시 한번 감사드립니다. 좀 더 놀아 라 Raphael 이벤트 메커니즘을 모두 무시하고 svg 요소 자체에 핸들러를 연결했습니다. 훨씬 좋네요. – simonhaines