代码之家  ›  专栏  ›  技术社区  ›  AlexM

修复IE11中的Dagred3边箭头填充

  •  0
  • AlexM  · 技术社区  · 7 年前

    DagreD3 提供出色的图形网络布局,与D3集成以供显示,但边缘箭头在旧的Web浏览器(如IE11)中无法正确显示。箭头标记在IE11中显示,没有填充颜色。

    这是用 DagreD3 styles demo 当用IE11查看时。缺少填充的箭头用红色圈起来。

    Arrowheads lack fill color

    1 回复  |  直到 7 年前
        1
  •  0
  •   AlexM    7 年前

    解决此问题的一个快速方法是添加css,该css将填充颜色添加到 svg.marker 元素。dagred3添加 奇异标记 对于每一个边缘,使用元素ID命名方案用于边缘箭头样 #arrowhead123 .要用一个css选项修改所有箭头,请添加:

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