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

Question

我有一个简单的图，父节点是多边形，子节点是矩形。这两个节点之间有一条边。这里的问题是，一旦我们拖动任何节点，连接到多边形的结束箭头就丢失了。有谁能帮我弄清楚为什么末尾箭头不见了。样例小提琴可以在评论中找到。

Answer 1

就其本身而言，结束箭头并未丢失。它被隐藏在多边形后面。添加

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

see here

到你的css，你就会看到发生了什么。至于解决方法，我不太确定你哪里错了，但它将是你如何计算形状和线的边缘相交的地方。

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