文字

text

<text>标签用于绘制文本。

<text>的 x 属性和 y 属性，表示文本区块基线（baseline）起点的横坐标和纵坐标。文字的样式可以用 class 或 style 属性指定。

<svg width="310" height="100" style="border:1px solid">
  <text x="50" y="25" font-weight="bold" fill="red">Hello World</text>
</svg>

---

textPath

该元素利用它的xlink:href属性取得一个任意路径，把字符对齐到路径，于是字体会环绕路径、顺着路径走：

<svg width="310"  height="100" style="border:1px solid">
  <path id="my_path" d="M 20,20 C 40,40 80,40 100,20" fill="transparent" stroke="black" />
  <text>
    <textPath xlink:href="#my_path">
      This text follows a curve.
    </textPath>
  </text>
</svg>