canvas路径

Posted 2020-10-09 corn林

canvas通过路径可以创造出复杂的形状和线条。要绘制路径首先需要调用beginPath()方法，表示要开始绘制新路径。然后调用相应的方法来实际地绘制路径。

1、arc(centerx,centery,radius,startingAngle,endingAngle,anticlosewise = false)

　　以（x，y）为圆心，半径为radius，起始角度为startingAngle，终止角度为endingAngle，顺或逆时针方向绘制一段弧度。

2、arcTo(x1，y1，x2，y2，radius)

　　从上一点开始绘制一条弧线，到（x2，y2）为止，并以给定的半径radius穿过（x1，y1）。

3、bezierCurveTo(c1x, c1y, c2x, c2y, x, y)

　　从上一点开始绘制一条曲线，到（x，y）为止，并且以（c1x，c1y）和（c2x，c2y）为控制点。

4、lineTo(x,y)

　　从上一点开始绘制一条直线，到（x，y）为止。

5、moveTo(x,y)

　　将绘图游标移至（x，y）

6、quadraticCurveTo(cx,cy,x,y)

　　从上一点开始绘制一条二次曲线，以（cx，cy）为控制点，到（x，y）为止。

7、rect(x,y,width,height)

　　从点（x，y）开始绘制一个矩形，宽高分别为：width、height。