浏览器如何计算SVG文本元素高度？

Question

我有这个结构
https://codepen.io/artemzwinger/pen/zEJoXd

<svg text-rendering="geometricPrecision" class="textSVG" xmlns="http://www.w3.org/2000/svg">
  <text class="myText" y="30%">ABCDEFGHIJKLMNOPQRSTUVWXYZ|</text>
  <text class="myText" y="60%">abcdefghijklmnopqrstuvwxyz|</text>
</svg>

浏览器如何计算SVG文本元素高度？