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编辑器中输入代码(顶部菜单栏中的第二个按钮)并应用更改。tspans之间的偏移量不在那里！我不知道为什么，HTML、SVG和CSS似乎没有什么特别之处。

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

Answer 1

跨距之间的换行符将转换为空格。我猜是svg-edit把它们去掉了。

Answer 2

我尝试使用属性dy (从上到下)和dx (从左到下)向tspan标签添加水平空间，如下所示：

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

可能对某些人有帮助。