SVG：如何协调浏览器之间的文本宽度差异？

Question

我有一个应用程序，它在屏幕上显示各种大小的多个SVG文本元素。重要的是文本在浏览器中保持一致，但我看到firefox和chrome之间存在细微差别。

请参阅以下jsfiddle：https://jsfiddle.net/9eLpnjod/

我们有

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     style="width:100%">
    <text id='svg_text' x="20" y="40" font-family="Verdana" font-size="35" >Example SVG text 1</text>
</svg>

我只想获得文本元素的宽度。

alert(svg_text.getBBox().width);

由于字体系列和字体大小相同，我希望得到相同的结果。然而

Chrome告诉我宽度为353.46875，FireFox告诉我它是355.45001220703125。

这些足够接近但差别足以在某些情况下包装不同并导致布局问题。

有没有办法在所有浏览器中一致地测量文字宽度？

感谢您的帮助