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

Question

我有一个由 GraphViz 工具生成的 SVG 网络图（节点和边）。我想让图表在某种意义上具有交互性，它应该是可拖动的，单击一个节点时，其他一些节点将被隐藏.ETC。有人能建议 snapSVG 就足够了吗？我不能在 SVG 图表中添加任何东西，这是我的限制。我们如何使现有的 svg 图强制定向？任何帮助，起点，小提琴都会有所帮助。我掌握了 d3.js 是否可以通过 d3.js 实现？

Answer 1

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

您可能想查看是否要自动创建连接元素并自动移动，或者是否愿意手动移动端点。

它还可能取决于您在拖动元素后想要发生的事情。你想拯救他们吗？其中一些对于您如何处理它可能非常重要，也许比拖动更重要，因为大多数人都会支持这一点。