svg学习记录（八）

在SVG中有两种截然不同的文本模式. 一种是写在图像中的文本，另一种是SVG字体。关于后者我们将在教程的后面进行讲解，现在我们主要集中前者：写在图像中的文本。

text

text标签用于在画布中，放置任何的文字。

<text x="10" y="20">Hello</text>

文字的内容写在text标签体中，x和y分别代表文本在画布中显示的位置。

text-anchor

该属性用于设置文本从坐标点中的文本流方向，值分别是start、end、middle、inherit。从下面图中可以看到四种值的不同。

<text x="40" y="20" text-anchor="start">Hello</text>
<text x="40" y="50" text-anchor="end">Hello</text>
<text x="40" y="80" text-anchor="middle">Hello</text>
<text x="40" y="110" text-anchor="inherit">Hello</text>

fill

和其他图形一样，text也可以使用fill属性对主题进行颜色填充。也用引用渐变、图案进行填充。

<defs>
    <linearGradient id="fillTest"