javascript - 在 dagre-d3 中拖动节点时缺少结束箭头

Question

我有一个简单的图形，父节点是多边形，子节点是矩形。这两个节点之间有一条边。这里的问题是，一旦我们拖动任何节点，连接到多边形的结束箭头就会丢失。任何人都可以帮我解决为什么末端箭头丢失了。示例 fiddle 可在评论中找到。

Answer 1

结束箭头本身并没有丢失。它隐藏在多边形后面。添加

polygon {
  fill: rgba(100,100,100,0.5)
}

see here

到你的CSS，你就会看到发生了什么。至于修复方法，我不太确定你哪里出错了，但这与你如何计算形状边缘和线条相交的位置有关。

[编辑]:根据箭头围绕菱形移动的方式来判断。 (它以菱形形状围绕中心移动)，看起来像您正在绘制的菱形形状和代码认为存在的形状，因此找到了交集，在比例和位置方面不匹配