Html SVG过滤器在Firefox中不能与marker end一起使用

Html SVG过滤器在Firefox中不能与marker end一起使用,html,google-chrome,firefox,d3.js,svg,Html,Google Chrome,Firefox,D3.js,Svg,我有以下svg代码在Chrome中非常有效,但该标记在Firefox中没有显示。有人知道为什么吗?谢谢 <svg id="exhibition_svg" width="1235" height="487" class="exhibitionSvg" viewBox="-139.2135523613963,-60,806.4271047227926,318" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3

我有以下svg代码在Chrome中非常有效,但该标记在Firefox中没有显示。有人知道为什么吗?谢谢

<svg id="exhibition_svg" width="1235" height="487" class="exhibitionSvg"
  viewBox="-139.2135523613963,-60,806.4271047227926,318"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">

  <defs>
    <filter id="bgPoint" width="800%" height="800%" x="-200%" y="-200%">
      <feGaussianBlur stdDeviation="1" width="800%" height="800%" x="-300%" 
        y="-300%">
      </feGaussianBlur>
    </filter>

    <marker id="app5end-arrow-active" viewBox="0 0 14 14" refX="7" refY="7"
      markerWidth="3" markerHeight="3" orient="auto" filter="url(#bgPoint)">
      <g>
        <circle cx="7" cy="7" r="5" fill="#122C34" stroke="#3AD5C9" stroke-width="1">
        </circle>
        <circle cx="7" cy="7" r="2" fill="#122C34" stroke="#3AD5C9" stroke-width="2">
        </circle>
      </g>
    </marker>

  </defs>

  <g>
    <path class="connect_line" d="M245,153L250,153L283,153L283,153"
      stroke="#0F364B" fill="none" stroke-width="7" rotate="auto"
      marker-end="url(#app5end-arrow-active)"
      marker-start="url(#app5end-arrow-active)">
    </path>
  </g>

</svg>


我还把它放在代码笔上:,请看一看

Firefox版本:54.0.1,Chrome版本:59.0.3071.115,都在win10上(64位),你介意重新格式化你的源代码吗,这样水平滚动条就会消失?@reporter完成,谢谢