Javascript 为什么文本元素上的SVG bbox方法在不同的浏览器中给出不同的结果？

我有一个SVG文本元素。我在IE9、Chrome和Firefox中得到了它的bbox，三者都给了我不同的价值

我创建了一个非常简单的示例，它显示SVG文本及其大小，以便您可以了解我的意思。我还尝试了客户端rect，看看它是否更好

HTML/SVG

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="75px">
    <text font-size="8pt" id="text_name" x="30" y="44" fill="#000000" stroke-width="0pt" font-family="Arial,Helvetica,sans-serif" text-anchor="middle" visibility="inherit">
        <tspan x="30" y="44" dy="8">Text Content</tspan></text>
</svg> 
<div id="size"></div>

---

我将研究如何设置基本SVG的视口以获得更好的结果。可能需要视图装箱，以确保文本元素大小与结果一致。链接的文章非常详细地描述了这些

<svg height="14" width="61" ...

---

您可以在三个值中使用最大值。@崔西平您是指所有三个浏览器的更高界限？问题是我没有其他的界限来比较。我的客户端只使用一个浏览器，这给了我一个必须使用的值。所以6年后，Edge和Chrome现在给出了类似的结果，Firefox有了不同的值。Edge:Width:61.90625高度：12 Chrome:Width:61.90625高度：12 Firefox:Width:63高度：12您不应该期望Firefox和Chrome有完全相同的结果。而且你也不应该期望windows和mac有完全相同的结果。我担心，这是没有帮助的。Melanie提出了一个关于在不同浏览器中获取文本大小的问题。“视口”的设置在两个视图中都相同。我仍然面临着同样的问题，并且还没有找到一个合适的解决方案。我甚至尝试了框大小css属性，但没有成功
IE9 : Width:61.029998779296875 Height: 12.260002136230468
Chrome: Width:61 Height: 14
Firefox: Width:64.63671875 Height: 13

<svg height="14" width="61" ...