SVG <tspan>

在SVG里，<tspan>标记的作用是将一段文本包裹起来，你可以对这段包裹的文字的颜色、位置、形状等特征进行单独的修饰，它跟HTML标记<span>的作用非常相似。

上面的文字使用了下面的SVG代码：

<svg width="250" height="100" viewBox="0 0 250 100"
     xmlns="http://www.w3.org/2000/svg" version="1.1">

  <style>

text{
    font: 20px Verdana, Helvetica, Arial, sans-serif;
}

tspan{
  fill: red;
  font-weight: bold
}

  </style>

    <text x="15" y="30">你丫的
      <tspan>不是</tspan> 
      一个香蕉
    </text>
</svg>