Question

如何使用tspan元素给SVG文本添加样式，定位

Answer 1

SVG的<text>元素允许你很简单地定位和给文本添加样式，但是如果你想要针对文本的不同部分定位和添加样式呢？难道我们要去创建多个text元素吗？不需要的。有更简单的方式，tspan来拯救世界了。
前两周我们已经看了SVGtext元素，并整理了几个我们可以使用的属性。
<text>元素不是唯一的SVG文本显示的方式。今天我们来讨论另外两种可以结合<text>元素使用的SVG元素——<tspan>和<tref>。
tspan元素
你可以把<tspan>元素当成SVG文本的span。你可以用<tspan>来包裹SVG文本，来对它们做整体控制，关于显示和定位，文本片段之间的相互关系等。
。