SVG系列二

Line

<svg height="210" width="500">
    <line x1="0" y1="0" x2="200" y2="200" style="stroke: rgb(255, 0 ,0); stroke-width: 2" ></line>
  </svg>

直线就是一条线段

<svg height="210" width="500">
    <polygon points="200,10 300,180 180,190" style="fill:#ccc; stroke:#000; stroke-width: 2" ></polygon>
  </svg>
  <svg height="210" width="500">
    <polygon points="200,10 140,200 300,75 100,75 260,200" style="fill:#ccc; stroke:#000; stroke-width:5;fill-rule:evenodd;" ></polygon>
  </svg>

Polyline

<svg height="200" width="500">
    <polyline points="20,20 40,25 60,40 80,120 120,140 200,180" style="stroke-width: 3; stroke: #000; fill: none"></polyline>
  </svg>
  <svg height="200" width="500">
    <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160 160,160" style="stroke-width: 3; stroke: #000; fill: none"></polyline>
  </svg>