Css D3中的SVG——跨浏览器扩展

我想用D3将外部SVG图标绑定到我的数据，而不是一般的SVG形状。我可以这样做

group = svg.selectAll("g")
           .data(dataset)
           .enter()
           .append("g");
group.append("svg:image")
     .attr("xlink:href",path)
     .attr(...)

等等，但我遇到了几个缩放问题。嵌入示例性图标。在三种不同的浏览器中运行，我得到三种不同的渲染。Chrome做得最好：

边缘：

火狐：

---

我添加了一个

viewPort

属性，该属性出现在关于如何缩放SVG的各种指南中，但无论我将其设置为什么坐标，它似乎都不起任何作用。在所有浏览器中，我如何才能使缩放行为像在Chrome中一样？

我相信这至少是Firefox中的一个已知问题：这是个坏消息！我希望SVG能改善我的可视化效果：（但是在我的例子中，没有光栅化，所以至少在引擎方面有一些改进.）。。