D3中的SVG - 跨浏览器扩展

Question

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

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

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

边：

火狐：

我添加了viewPort属性，该属性出现在各种指南中，关于如何缩放SVG，但无论我设置的坐标如何，它似乎都没有做任何事情。如何使缩放在所有浏览器中都像Chrome一样？