今天给大家讲解一个画布属性arcTo,大家应该也接触过arc,可能对arcTo没那么了解,这里就给大家讲解一下怎样操作。
arcTO一共有五个参数:arcTo(x1,y1,x2,y2,r)

五个参数:

x1 是两条相交切线的x坐标
y1 是两条相交切线的y坐标
x2 是两条相交切线中某一条切线与将要生成的这一条弧线相切点的x坐标
y2 是两条相交切线中某一条切线与将要生成的这一条弧线相切点的y坐标
r 是弧线的半径

arcTo是两条相交切线之间画弧,这两条线将会是切这个弧线,所以在画布里我们通过这两条线的位置来定位这条弧线。
Canvas画布 js属性arcTo弧线画法详解

实例代码

Canvas画布 js属性arcTo弧线画法详解
Canvas画布 js属性arcTo弧线画法详解

效果图

Canvas画布 js属性arcTo弧线画法详解

相关文章: