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

时间:2018-06-27 06:47:41

标签: javascript d3.js dagre-d3 dagre

我有一个简单的图,父节点是多边形,子节点是矩形。这两个节点之间有一条边。这里的问题是,一旦我们拖动任何节点,连接到多边形的末端箭头就会丢失。谁能帮我找出为什么该末端箭头丢失的原因。 注释中提供了样本小提琴。

1 个答案:

答案 0 :(得分:1)

本身并不缺少结束箭头。它被隐藏在多边形后面。 添加

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

see here

到您的CSS,您将看到发生了什么。 至于解决方法,我不太确定哪里出了错,但是这取决于您如何计算形状和线条的边缘相交的位置。

[编辑]:通过箭头围绕菱形移动的方式进行判断。 (它以菱形形状围绕中心移动),看起来就像您正在绘制的菱形形状以及代码认为的形状一样,因此找到相交点,就比例和位置而言就不匹配