定义:
arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。除了arc()之外,Canvas的绘图环境对象还提供了另一个用于创建圆弧路径的方法,那就是arcTo()。
arcTo()方法的参数分别代表两个点击圆形半径。该方法一指定的半径来绘制一条圆弧,此圆弧与当前点到第一个点(x1,y1)的连线相切,而且第一个点到第二点(x2,y2)的连线也相切。该方法的这些特性,使得它非常适合用了绘制矩形的原角
语法:arcTo(x1,x2,y1,y2,radius)
实例:可以用下面的代码绘制一个矩形的右上角(圆角):
参数:
描述:
这个方法的头 5 个参数指定了圆周的一个起始点和结束点。调用这个方法会在当前点和当前子路径的起始点之间添加一条直线。接下来,它沿着圆周,在子路径的起始点和结束点之间添加弧。
最后一个counterclockwise参数指定了圆应该沿着哪个方向遍历来连接起始点和结束点。这个方法将当前位置设置为弧的终点。
参数值:
一个简单的动画帮助理解:
HTML:
css:
javascript: