使用snap svg在SVG图中操作/拖动/隐藏/显示节点

时间:2014-03-24 09:54:16

标签: svg d3.js snap.svg

我在GraphViz工具生成的SVG中有一个网络图(节点和边缘)。我希望在某种意义上使图表具有交互性,它应该是可拖动的,点击一个节点,其他一些节点将被隐藏.ETC。任何人都可以建议使用snapSVG就足够了吗?我不能添加任何东西到我的限制SVG图。我们怎样才能使现有的svg图强制定向?任何帮助,起点,小提琴都会有所帮助。我在d3.js上有动手d3.js可以实现吗?

1 个答案:

答案 0 :(得分:0)

这应该是可能的,也许可以知道Snap.svg与旧浏览器不兼容(在这种情况下你可以看看Raphael,它是Snaps的哥哥,d3也非常成熟)。他们都拥有所有的基础知识,处理程序,动画等等。但是,虽然它可能,但它可能需要做很多工作(所以可能要坚持你所知道的。)

您可能想要查看是要自动创建连接元素并自动移动,还是手动移动端点。

它可能还取决于拖动元素后您想要发生的事情。你想保存它们吗?其中一些对于你如何处理它可能非常重要,可能比拖动更重要,因为大多数人会支持它。