1、圆形，椭圆，折线

  1. <style>
  2.     .line1{
  3.         stroke: black;
  4.         stroke-width: 3px;
  5.     }
  6.     .line2{
  7.         stroke: red;
  8.         stroke-width: 5px;
  9.     }
  10.     polyline{
  11.         fill: transparent;
  12.         stroke: blueviolet;
  13.         stroke-width: 3px;
  14.     }
  15.  </style>
  16. </head>
  17. <body>
  18.  <svg width="500px" height="300px" style="border: 1px solid">
  21.      <circle r="50" cx="50" cy="220"></circle> <!-- 圆形 --> 
  22.      <ellipse rx="100" ry="30" cx="400" cy="200"></ellipse><!-- 椭圆 -->
  23.      <polyline points="0 0,50 50,50 100,100 100,100 50"></polyline><!-- 折线 -->
  25.  </svg>
  26. </body>