1、path标签：

  1. <style>
  2.     path{
  3.         stroke: red;
  4.         fill:transparent;
  5.     }
  6.      </style>
  7.  </head>
  9.  <body>
  11.      <svg width="500px" height="300px" style="border: 1px solid">
  12.          <path d="M 100 100 L 200 100 l 100 100"></path><!-- L代表lineto --><!-- 大写字母表示绝对位置，小写字母表示相对位置 -->
  13.          <path d="M 100 100 H 200 V 200 Z "></path><!-- H:横向移动到200距离 V:纵向移动 Z（不区分大小写）：闭合 h:横向移动了200距离-->
  14.      </svg>
  15.  </body>