Canvas使用什么方法在网页中绘制圆形？其中需要几个参数？每个参数的含义是什么？

Question

Canvas使用什么方法在网页中绘制圆形？其中需要几个参数？每个参数的含义是什么？

Answer 1

Canvas API 使用绘制图形路径来绘制圆形。绘制图形路径时，需要使用绘图上下文对象ctx的arc()方法。该方法的定义如下。

ctx.arc(x,y,radius,startAngle,endAngle,anticlockwise)

其中，x、y分别为绘制圆形的圆心横坐标和纵坐标，radius为圆形半径，startAngle为开始角度，endAngle为结束角度，anticlockwise为是否按逆时针方向进行绘制。

arc()方法通过指定开始角度与结束角度，除了可以用来绘制圆形，还可以绘制圆弧，这两个角度就决定了绘制的弧度。anticlockwise为布尔值参数，参数值为true时，按逆时针绘制；参数值为false时，则按顺时针绘制。