svg - SVG tspan 水平偏移

Question

我试图理解 svg 中的 tspan 标签，这有点奇怪。看下面的代码，FF 和 Chrome 在 tspan 之间引入了水平偏移，但不应该有。

<svg width="625" height="470" xmlns="http://www.w3.org/2000/svg">
<text y="406" x="379" text-anchor="start" stroke-width="0" stroke="#000000" fill="#FF0000">
<tspan x="379" font-weight="normal" font-style="normal" font-size="24" font-family="Arial" fill="#000000" dy="0">a</tspan>
<tspan font-weight="normal" font-style="normal" font-size="24" font-family="Arial" fill="#000000">aa</tspan>
</text>
</svg>

现在转到http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html并在 SVG 编辑器（顶部菜单栏中的第二个按钮）中输入代码并应用更改。tspan 之间的偏移量不存在！我不知道为什么，HTML、SVG 和 CSS 似乎都没有什么特别之处。

我希望有人能解开这个谜。它似乎与字体大小有关，改变了偏移量。但是，当它设置为 0px 时，文本会消失。

Answer 1

tspan 之间的换行符将转换为空格。我猜想 svg-edit 会将它们剥离。

Answer 2

我尝试使用属性（从顶部）和（从左侧）向tspan标签添加水平空间，如下所示：dydx

<tspan dy="8">
  <tspan dx="5">200</tspan>
</tspan>

可能对某人有帮助。