SVG多行文本

要在SVG中创建多行文本，可以使用<tspan>元素。以下是一个简单的示例，其中使用两个<tspan>元素创建两行文本：

<svg width="200" height="100">
  <text x="0" y="25">
    <tspan x="0" dy="1.2em">第一行文本</tspan>
    <tspan x="0" dy="1.2em">第二行文本</tspan>
  </text>
</svg>

在上面的代码中，<text>元素包含两个<tspan>元素，每个<tspan>元素都有一个dy属性，该属性定义了行之间的垂直间距。

可以使用CSS样式对文本进行进一步的格式化，例如更改字体、颜色和字号：

<svg width="200" height="100">
  <style>
    .multiline {
      font-size: 16px;
      font-family: Arial, sans-serif;
      fill: #333;
    }
  </style>
  <text class="multiline" x="0" y="25">
    <tspan x="0" dy="1.2em">第一行文本</tspan>
    <tspan x="0" dy="1.2em">第二行文本</tspan>
  </text>
</svg>

在上面的代码中，我们添加了一个名为“multiline”的CSS类，并将其应用于<text>元素。然后，我们使用CSS样式更改了文本的字体、颜色和大小。