1. 直线 <line>
2. 折线 <polyline>
3. 多边形 <polygon>
4. 路径 <path>

直线

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <line x1="0" y1="0" x2="200" y2="200"
  style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>
  1. x1 属性在 x 轴定义线条的开始
  2. y1 属性在 y 轴定义线条的开始
  3. x2 属性在 x 轴定义线条的结束
  4. y2 属性在 y 轴定义线条的结束

折线

<polyline points
"10 10,20 10,20 20,30 20,30 30,40 30,40 40"/>

多边形

<polygon points="200,10 250,190 160,210"
  style="fill:lime;stroke:purple;stroke-width:1"/>

都使用point指定 经过的点