如何在svg <tspan>元素中插入换行符？

Question

每个<tspan dy="-11.7890625">welocme</tspan> <tspan dy="16.8" x="285.75">text</tspan> 标记我有两行文字。

<br>

他们之间需要换行。但{{1}}无效。 有人可以帮我从这里出去吗？

Answer 1

我认为这是不可能的。

但是，您可以在文本元素中使用多个tspan元素，并将em单位用于dy属性。请记住，有两种可能的定位属性：

• （x＆amp; y） - 设置绝对位置
• （dx＆amp; dy） - 设置相对位置

<svg width="200" height="200">
  <text x="0" y="0">
    <tspan x="0" dy="1em">Hello</tspan>
    <tspan x="0" dy="1em">World</tspan>
  </text>
</svg>