Html SVG过滤器在Firefox中不能与marker end一起使用
我有以下svg代码在Chrome中非常有效,但该标记在Firefox中没有显示。有人知道为什么吗?谢谢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 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完成,谢谢