arcTo(x1, y1, x2, y2, radius)

根据控制点和半径绘制圆弧路径,使用当前的描点(前一个moveTo或lineTo等函数的止点).根据当前描点与给定的控制点1连接的直线,和控制点1与控制点2连接的直线,作为使用指定半径的圆的切线,画出两条切线之间的弧线路径.

  ctx.arcTo(x1, y1, x2, y2, radius)

参数

Number 第1个控制点x坐标

Number 第1个控制点y坐标

Number 第2个控制点x坐标

Number 第2个控制点y坐标

Number 圆弧的半径大小.


测验

这个方法的说明看得不太明白,简要的讲就是有三个点,连接成两条线段,调用此方法后能画出一段圆弧,且是与这两条线段相切的.

arcTo()方法接收两个点坐标参数,是为控制点1和控制点2,还需要一个起点,这就是上次调用moveTo或lineTo之后的那个点.

这里有些不解,为什么要是最后moveTo为起点,直接弄三个参数就行了啊.就像arcTo(起x,起y,x1,y1,x2,y2,r)

另外,ps里也有这个功能,钢笔工具也能画这样的圆弧.

三个点的位置和半径影响圆弧的样子,如果点位控制得不佳,有可能圆弧如下.

除了圆弧,还有一个线段,可以看出线段与圆弧的分界点是起点与控制点1的相切点