javascript - SVG在转换时在Firefox中消失

Question

在 Safari 中一切都很好，在 Firefox 中，svg 的大小不正确，当我转换它时，它就消失了。我正在运行 Safari Mac 5.1.7 和 Firefox Mac 15.0。

代码是用 d3 创建的，但我刚刚提供了 html。

现在你看到了： http ://bl.ocks.org/3531350

现在你不这样做了：http: //bl.ocks.org/3531267（已编辑，现在可以使用）

我想我在某个地方犯了一个愚蠢的错误，但我就是看不到它！

Answer 1

如果我将 100% 的高度和宽度属性添加到外部 svg 元素，我可以在灰色区域的底部看到 svg。如果您使用嵌入在 html 中的 svg，它们确实需要在那里。我怀疑 Safari 在某些时候需要嵌入式 svg 的宽度/高度。