多行SVG文本字母间距异常问题求助

• 问题根源：你给每一行<tspan>都单独设置了y属性，这会强制重置每行的基线起始位置，导致后续行的字符定位计算出错，出现开头字母挤在一起的情况。
• 具体修正步骤：
  1. 只给父<text>或者第一行<tspan>设置y属性，确定整体的垂直起始位置。
  2. 后续所有行的<tspan>不要设置y，只用dy属性来控制行间距（比如dy="1.2em"，数值可根据字体大小调整）。
  3. 给每一行<tspan>都设置相同的x属性值，确保所有行都从同一水平位置开始排版。
• 修正后的代码示例：

<text font-size="24" x="50" y="60">
  <tspan>第一行正常文本</tspan>
  <tspan x="50" dy="1.2em">第二行文本，开头字母不再拥挤</tspan>
  <tspan x="50" dy="1.2em">第三行文本，字符间距恢复正常</tspan>
</text>

• 补充提示：如果做逐字动画，要确保动画逻辑是基于字符本身的偏移量，不要修改tspan的x/y属性，避免打乱排版计算。

内容的提问来源于stack exchange，提问作者Devon