하나의 캔버스에서 다른 캔버스로 SVG 객체 드래그

Question

한 캔버스에서 하나의 SVG 객체를 다른 캔버스로 드래그 할 수 있는지 궁금합니다. SVG로 그려야 할 여러 영역이있는 웹 페이지를 구현해야하지만,이 영역은 페이지의 다른 부분에 배치됩니다. 요구 사항은 하나의 영역에서 다른 영역으로 객체를 드래그해야하므로 SVG를 사용하여 여러 개의 캔버스 영역을 그려야한다고 생각하지만 하나의 캔버스 영역에서 객체를 드래그 할 수 있는지 여부는 확실하지 않습니다. 다른 캔버스 영역. RaphaelJS 캔버스 영역을 가진 객체를 그리는 중이었고 캔버스 외부로 드래그 할 때 더 이상 볼 수 없다는 것을 알아 차 렸습니다. 그래서 첫 번째 생각은 이것이 지원되지 않는다는 것입니다.

아무도 도와 줄 수 있습니까?

덕분에, 폴

Answer 1

SVG 도면이 뷰포트로 제한됩니다 (읽기 : 캔버스) 그 설정입니다.

원하는 작업을 수행 할 수있는 방법은 다양합니다. 예 : 드래그하는 동안 마우스 아래로 움직이는 새로운 svg 이미지를 만듭니다. 또한 svg 캔버스가 전체 창을 덮고 있는지 확인할 수도 있지만 창 밖으로 드래그하지 않아도됩니다 (원하는 경우). 더 완벽한 방법은 HTML5 drag&drop을 사용하여 드래그 이미지를 설정하고 거기에 기본 기능을 사용하는 것입니다.