有没有办法连接 svg 中的 2 个元素以实现类似图表的“流程图”?我有 2 个盒子,它们之间有一个箭头,如果我拖动一个盒子,我希望箭头保持与盒子的连接。
我发现 SVG 1.1 中有此功能的规范,但远未完成。
我找不到任何代码或库可以做到这一点(我认为这不是一个罕见的用例),我想确定在开始制作之前没有经过验证的方法我自己。
谢谢!
有没有办法连接 svg 中的 2 个元素以实现类似图表的“流程图”?我有 2 个盒子,它们之间有一个箭头,如果我拖动一个盒子,我希望箭头保持与盒子的连接。
我发现 SVG 1.1 中有此功能的规范,但远未完成。
我找不到任何代码或库可以做到这一点(我认为这不是一个罕见的用例),我想确定在开始制作之前没有经过验证的方法我自己。
谢谢!
您可能对使用 Raphael 并完全按照您的意思执行的 Dracula Graph Library 感兴趣:
更新:我以前没有使用过 jquery-svg,但我把一些小东西放在一起可能会让你继续前进:http: //jsfiddle.net/7vJmy/2/
它利用了 jquery-ui 可拖动的优势,但我怀疑使用库中包含的 jquery.svganim.js 包有更好的方法 - 无论如何,这就是我现在所有的时间。
此外,如果将来可以,请在问题中包含诸如图书馆限制之类的内容,以便您可以从一开始就获得更具体的答案!:) 希望有帮助。