0

我已将 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>

使用 Crome,一切正常。所以我得出结论,我生成svgs的结构和方式应该或多或少是正确的。

但是对于 Firefox,标记只会显示第一个 svg。(第一个选项卡)所有其他 svg 都不会显示任何箭头。

“检查元素”告诉我标记在那里,并且线条正在引用它们。

这就是我在哪里或寻找什么的想法用完的地方。:(

4

1 回答 1

1

您在同一个 html 或 svg 文档中有多个不同的 ID。这是无效的,不同的 UA 响应不同,但由于您不允许这样做,因此它们不一致并不重要。

于 2013-08-07T11:11:05.183 回答