html - SVG 在 Firefox 中的呈现方式不同

Question

我正在努力SVG渲染图表。 单击此处查看我的 SVG 图表

当我们查看此图表时，Google chrome或者Internet Explorer我们按预期获得两组。但是当我们在 上渲染它时Mozilla Firefox，只有第一组被渲染。
我无法追查到这一点。请帮助我
谢谢:)

Answer 1

你的问题是没有设置有用的宽度和高度<svg>，也没有视图框。结果是它最终变成了 150px 高 x 300px 宽（CSS 中默认的替换元素大小），并剪掉了除此之外的所有内容。至少在实际上遵循 SVG 规范的浏览器中会发生这种情况，而 IE 和 Chrome 则不是。