是否可以将部分文本格式应用于svg字符串

Question

是否可以对svg文本元素进行部分下划线？

HTML标记允许在HTML中实现这一点，我如何在SVG文本元素中实现同样的效果？

如果我写"；CCD_ 1"更多"；带有下划线。

有没有办法用svg做到这一点？

CCD_ 2给了我"；我们想要"；正确显示，但其他2个文本元素位于x＝"0"处；0"；，y＝"；0〃；。

大概，如果我想把这些显示为同一个句子，我需要计算x和y坐标的位置，并相应地定位它们？

Answer 1

您可以将<text>中的<tspan>与text-decoration="underline"一起使用。

<svg width="500" height="500">
<text x="150" y="100">
We want <tspan text-decoration="underline">more</tspan> of this sort of thing</text>
</svg>

Answer 2

您正在查找<tspan>元素。

<svg width="500" height="500">
<text x="150" y="100">We want <tspan text-decoration="underline">more</tspan> of this sort of thing</text>
</svg>