路径文本

除了笔直地绘制一行文字以外， SVG 也可以根据 < path > 元素的形状来放置文字。 只要在textPath元素内部放置文本，并通过其xlink:href属性值引用< path > 元素，我们就可以让文字块呈现在< path > 元素给定的路径上了。

使用方法：

<path id="my_path" d="M 100 200 Q 200 100 300 200 T 500 200" stroke="rgb(0,255,0)" fill="none" />
<text>
  <textPath xlink:href="#my_path">This text follows a curve.</textPath>
</text>

• startOffset 属性 确定排列起始
• dx, dy 属性 切线和法线方向的偏移