说明
绘制圆弧或者圆
arc()方法
画一个以 (x,y) 为圆心的以 radius 为半径的圆弧（圆），从 startAngle 开始到 endAngle 结束，按照 anticlockwise 给定的方向（默认为顺时针）来生成。
arc(x, y, radius, startAngle, endAngle, anticlockwise)
参数解释：
- x 圆的中心的 x 坐标。
- y 圆的中心的 y 坐标。
- r 圆的半径。
- sAngle 起始角，以弧度计。（弧的圆形的三点钟位置是 0 度）。
- eAngle 结束角，以弧度计。（圆是：
2*PI），详见链接 - counterclockwise 可选。规定应该逆时针还是顺时针绘图。False = 顺时针，true = 逆时针。
提示： arc()函数中表示角的单位是 弧度，不是角度。角度与弧度的 js 表达式：弧度=(Math.PI/180)*角度
arcTo()方法
arcTo(x1, y1, x2, y2, radius)
根据给定的控制点和半径画一段圆弧，再以直线连接两个控制点。
例子
<canvas width="400" height="400" style="border: 1px solid #ccc;"></canvas>
<script>
const canvas = document.querySelector("canvas");
const ctx = canvas.getContext('2d');
console.log(ctx)
ctx.beginPath()
var startAngle = 0; // 开始点
var endAngle = Math.PI*2; // 结束点
ctx.arc(100, 100, 80,startAngle,endAngle,true)
// 绘制线
ctx.stroke();
// ctx.fill()
</script>