当SVG宽度或高度为0时，为什么文本尺寸为0？

Question

我试图通过创建一个包含width = 0和height = 0的SVG来计算SVG文字维度（因此它不会被显示，并且不会影响布局）。

Chrome对此没有任何问题，我得到{width: 35.546875, height: 18.5}。

然而，Firefox＆＃34;并不喜欢＆＃34;事实上，SVG width或height为0，我得到{ width: 0, height: 0 }。

哪一个是规范的预期行为？

您如何解决这个跨浏览器问题？

＆＃13;

＆＃13;

window.addEventListener('load', () => {
  const text = document.getElementById('text');
  const { width, height } = text.getBoundingClientRect();

  console.log({ width, height });
});

＆＃13;

<svg width="0" height="0">
  <text id="text">Hello</text>
</svg>

＆＃13;

＆＃13;

＆＃13;

Codepen