Mozilla（Firefox）、Marker、多个SVG

我已经将d3的强制导向图布局嵌入到extjs选项卡中，这样每次添加一个新选项卡时，都会生成一个新的图形svg。 到目前为止没有问题

现在，我打算将图形转换为有向图形（通过添加一个标记并告诉线条使用它）

每个生成的svg元素都遵循以下模式：

<svg width="100%" height="100%">

<defs><marker id="end-arrow" viewBox="0 -5 10 10" refX="6" markerWidth="3"     markerHeight="3" orient="auto"><path d="M0,-5L10,0L0,5" fill="#ccc"></path></marker>
</defs>

<g transform="translate(4,0) scale(1)"><line class="link" sig="30.84" style="stroke-width: 3;" x1="538" y1="347" x2="409" y2="467" marker-end="url(#end-arrow)"></line>
...
</g>
</svg>

...

和克罗姆一起，一切都很好。 所以我到达了结构和 我生成SVG的方式应该或多或少是正确的

但是在Firefox中，标记只会在第一个svg中显示。（第一个选项卡） 所有其他SVG都不会显示任何箭头

“检查元素”告诉我标记在那里，并且线条指向它们

---

这就是我找不到地方或找什么的地方（

您在同一html或svg文档中有多个不明显的id，不同的UAs响应不同，但由于您不允许这样做，它们不一致并不重要。

您可以创建一个JSFIDLE以便我们可以看到代码吗？您确定没有重复的id属性吗？是的，重复id在我的fir中st首先想到的。尤其是因为所有标记ID=“end arrow”。但由于它们在svg中是唯一的，并且因为另一个浏览器可以毫无问题地正确显示它们，我怀疑这是一个ID的东西。但可能我遗漏了一些明显的东西：）