SVG 绘制线段

斜线段

<svg height="200" width="300" xmlns="http://www.w3.org/2000/svg">
  <line x1="0" y1="0" x2="300" y2="100" style="stroke:red;stroke-width:2" />
</svg>

水平线段

<svg height="50" width="300" xmlns="http://www.w3.org/2000/svg">
  <line x1="0" y1="10" x2="250" y2="10" style="stroke:red;stroke-width:12" />
</svg>

竖直线段

<svg height="210" width="300" xmlns="http://www.w3.org/2000/svg">
  <line x1="0" y1="0" x2="0" y2="200" style="stroke:red;stroke-width:14" />
</svg>