svg 요소 사이의 연결

Question

다이어그램과 같은 "순서도"를 얻기 위해 svg의 두 요소를 연결하는 방법이 있습니까? 두 상자, 그 사이에 화살표가 있는데 한 상자를 드래그하면 화살표가 상자에 계속 연결되어 있습니다.

저는 SVG 1.1에서이 기능에 대해 spec이라는 것을 발견했지만 아직 완료되지 않았습니다.

내가하는 코드 나 라이브러리를 찾을 수 없으며 (드문 유스 케이스는 아닌 것 같습니다.) 입증 된 방법이 없는지 확인하고 싶습니다. 내가 직접 만들기 시작하기 전에.

감사합니다.

Answer 1

당신은 라파엘을 사용하고 당신이 무슨 뜻인지 정확히 수행하는 드라큘라 그래프 도서관에 관심이있을 수 :

http://www.graphdracula.net/

업데이트 : 내가 전에 JQuery와-SVG를 사용하지 않은,하지만 난 함께 작은 뭔가를 넣어 http://jsfiddle.net/7vJmy/2/

jquery-ui draggable을 사용하지만 라이브러리에 포함 된 jquery.svganim.js 패키지를 사용하면 더 좋은 방법이 될 것입니다. 어쨌든,이 모든 것입니다. 지금 당장.

앞으로도 가능한 경우 질문에 라이브러리 제한과 같은 것을 포함 시키면 더 구체적인 답변을 얻을 수 있습니다. :) 도움이되기를 바랍니다.