介绍arcTo（）的方法及使用

定义:

arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。除了arc()之外，Canvas的绘图环境对象还提供了另一个用于创建圆弧路径的方法，那就是arcTo()。

arcTo()方法的参数分别代表两个点击圆形半径。该方法一指定的半径来绘制一条圆弧，此圆弧与当前点到第一个点（x1,y1）的连线相切，而且第一个点到第二点（x2,y2）的连线也相切。该方法的这些特性，使得它非常适合用了绘制矩形的原角

语法：arcTo(x1,x2,y1,y2,radius)

实例：可以用下面的代码绘制一个矩形的右上角（圆角）：

参数：

描述：

这个方法的头 5 个参数指定了圆周的一个起始点和结束点。调用这个方法会在当前点和当前子路径的起始点之间添加一条直线。接下来，它沿着圆周，在子路径的起始点和结束点之间添加弧。

最后一个counterclockwise参数指定了圆应该沿着哪个方向遍历来连接起始点和结束点。这个方法将当前位置设置为弧的终点。

参数值：

一个简单的动画帮助理解：

HTML：

css:

javascript: