css - 为什么 tspan 位置错误地超过 200px 字体大小？

Question

在text元素 a内tspan，允许对文本的特定部分进行样式设置。

html, body, svg
{
  width       : 100%;
  height      : 100%;
  margin      : 0;
  background  : black;
}

text
{
  font-size : 100px;
  fill      : white;
}

<svg>
  <text y='100'>
    A <tspan>test</tspan>
  </text>
</svg>

tspan正确地位于文本之后。

但是，当font-size超过200px该位置时开始表现不同。

的内容text也会受到影响。如果你愿意，你可以检查自己。

html, body, svg
{
  width       : 100%;
  height      : 100%;
  margin      : 0;
  background  : black;
}

text
{
  font-size : 250px;
  fill      : white
}

<svg>
  <text y='200'>
    A <tspan>test</tspan>
  </text>
</svg>

字体越大，差异越大。这是font-sizeat的结果400px。

_{相对单位(em和%) 已经过测试。 其他text相关元素( a) 也已经过测试。}