07. arc()

语法： arc(x, y, radius, startAngle, endAngle, anticlockwise);

1. x: 圆弧中心（圆心）的 x 轴坐标。
2. y: 圆弧中心（圆心）的 y 轴坐标。
3. radius: 圆弧的半径。
4. startAngle: 圆弧的起始点， x轴方向开始计算，单位以弧度表示。
5. endAngle: 圆弧的终点， 单位以弧度表示。
6. anticlockwise: 可选的Boolean值 ，如果为 true，逆时针绘制圆弧，反之，顺时针绘制。

注：
arc()函数中表示角的单位是弧度，不是角度。角度与弧度的js表达式:
弧度=(Math.PI/180)*角度。

示例

const canvas = document.querySelector('.canvas-arc')
    const ctx = canvas.getContext('2d')
    ctx.beginPath()
    ctx.arc(25, 25, 20, 0, Math.PI)
    ctx.stroke()
    ctx.beginPath()
    ctx.arc(50, 50, 20, 0, Math.PI / 2)
    ctx.stroke()