path画弧 - 《HTML5》

1、画圆：
1、画圆：

<style>
    path{
        stroke: red;
        fill:transparent;
    }
     </style>
 </head>
 <body>
     <svg width="500px" height="300px" style="border: 1px solid">
         <!-- 圆弧指令： -->
         <path d="M 100 100 A 100 50 0 1 1 150 200"></path>
         <!-- 100 100 150 200:起点和终点
         100 50 ：横向半径和纵向半径
         0：旋转角度
         1 1：第一个代表要大弧度还是要小弧度；1代表大弧度；第二个1代表顺时针还是逆时针，1是顺时针
         -->
     </svg>
 </body>