canvas绘制圆弧

API

  • arc()

arc(x, y, radius, startAngle, endAngle [, anticlockwise])

参数:

  • x,y表示圆心坐标,
  • radius表示半径,
  • startAngle,endAngle表示圆弧起始角度和结束角度
  • anticlockwise表示绘制方向,true表示逆时针,false表示顺时针,默认值为false,即顺时针

圆弧的单位是弧度。在一个圆周上,其角度是在笛卡尔坐标系下定义的,从圆右侧的0π开始,按顺时针方向依次经过π/2、π、3π/2、2π。角度的位置是规定好的,并且固定不变,与顺时针还是逆时针无关。如下图所示

canvas绘制圆弧_第1张图片

  • 其实角度无须在0-2 π 之间,旋转时,角度可以重叠
  • Canvas中的所有角度都是以弧度为单位的,可以使用 degreesMath.PI/180 公式将角度转换为弧度。如20度,用弧度表示为20Math.PI/180。

你可能感兴趣的:(html,canvas)