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

Fix DagreD3 edge arrowhead fill in IE11

DagreD3 提供优秀的图形网络布局,并集成到 D3 进行显示,但边缘箭头在旧的网络浏览器(例如 IE11)中无法正确显示。箭头标记在 IE11 中显示时没有填充颜色。

当用 IE11 查看时,DagreD3 styles demo 可以看到。缺少填充的箭头用红色圈出。

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

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