修复IE11中的DagreD3边缘箭头填充

Question

DagreD3提供了出色的图形网络布局，并集成了D3以进行显示，但是边缘箭头在旧的Web浏览器（例如IE11）中无法正确显示。箭头标记在IE11中显示，没有填充颜色。

使用IE11查看时，可以在DagreD3 styles demo中看到。缺少填充的箭头用红色圈出。

Answer 1

解决此问题的一种快速方法是添加CSS，以为svg.marker元素添加填充色。 DagreD3为每个边缘添加一个svg.marker，并为边缘箭头使用元素ID命名方案，例如#arrowhead123。要使用一个CSS选项修改所有箭头，请添加：

[id^=arrowhead] {
  fill: black;  /* fills edge arrowheads in IE11 */
}