SVG学习笔记二

svg文字

<svg>
   <defs>
    <path id="path1" d="M75,20 a1,1 0 0,0 100,0" />
  </defs>
  <text x="10" y="100" style="fill:red;">
    <textPath xlink:href="#path1">I love SVG I love SVG</textPath>
  </text>
</svg>

SVG的<defs>元素用于预定义一个元素使其能够在SVG图像中重复使用。
在<defs>元素中定义的图形不会直接显示在SVG图像上。
要引用<path>元素，必须在<path>元素上设置一个ID，通过ID来引用它。<use>元素通过xlink:href属性来引入<path>元素。注意在ID前面要添加一个#。
SVG <symbol>元素用于定义可重复使用的符号。
SVG <use>元素可以在SVG图像中多次重用一个预定义的SVG图形

``` ```

<svg>
     <text x="10" y="20" style="fill:red;">Several lines:
        <tspan x="10" y="45">First line</tspan>
        <tspan x="10" y="70">Se