[TOC] ## 繪制圓弧 方式一: `arc(x, y, r, startAngle, endAngle, anticlockwise)` 以`(x, y)`為圓心，以`r`為半徑，從`startAngle`弧度開始到`endAngle`弧度結束。`anticlosewise`是布爾值，`true`表示逆時針，`false`表示順時針(默認是順時針)。 注意： 1. 這里的度數都是弧度。 2. `0`弧度是指的`x`軸正方向。 ``` radians=(Math.PI/180)*degrees //角度轉換成弧度 ``` 方式二: `arcTo(x1, y1, x2, y2, radius)` 根據給定的控制點和半徑畫一段圓弧，最后再以直線連接兩個控制點。 ## 實例 方式一繪制 ``` var draw=()=>{ let canvas = document.querySelector("#tutorial"); if(!canvas.getContext)return; /** * @type CanvasRenderingContext2D */ let ctx = canvas.getContext("2d"); ctx.beginPath() ctx.arc(50,100,30,0,Math.PI*3/2,false) ctx.stroke() } ```  方式二繪制 ``` var draw=()=>{ let canvas = document.querySelector("#tutorial"); if(!canvas.getContext)return; /** * @type CanvasRenderingContext2D */ let ctx = canvas.getContext("2d"); ctx.beginPath() ctx.moveTo(50,50) ctx.arcTo(200,50,200,250,100) ctx.lineTo(200,200) ctx.stroke() } ``` 繪制為一個圓弧加兩條切線