如何在svg中插入換行符 <tspan> 元件？

Question

我有兩行文本，每行<tspan>標簽。

<tspan dy="-11.7890625">welocme</tspan> <tspan dy="16.8" x="285.75">text</tspan>

需要在它們之間換行。 但是<br>不起作用。 有人可以幫我從這里出去嗎？

Answer 1

我認為這是不可能的。

但是，您可以在文本元素中使用多個tspan元素，並將dx屬性用於em單元。 請記住，有兩種可能的定位屬性：

• （x＆y） - 設置絕對位置
• （dx＆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>