用svg来实现复杂的拓扑图展现和交互越来越繁琐了?

https://img1.mukewang.com/5c4968290001cc6302810416.jpg

当前的实现技术方案是 d3js+svg
d3来做数据绑定和事件绑定
svg来画展现的元素

如果只是展现简单的点 线拓扑图,简单的拖拽缩放操作没什么问题。
现在的需求 有点无力处理了,太容易出错了 简单说几点
1)就比如新增了个多链路的需求 图中234 238两节点之间的效果,我需要画多条两路,根据坐标计算不考虑链路拐弯弧度的话计算path路径值d需要六个点坐标

2)图中所有的元素 点 线 框都是svg append相应的rect path text元素 不是一般页面中写一些元素,这些元素所处的位置都是计算的坐标来定,拖拽时候 缩放时候需要重新计算影响到的元素 节点链路 组合框等等坐标 感觉太容易出错了

3)位置偏差

有同学用svg来实现这种比较复杂的交互处理么 求点建议或者更好的方案,感觉现在实现有点吃力了。


噜噜哒
浏览 1055回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript