首页 > 其他 > 详细

canvas路径

时间:2017-10-01 09:30:23      阅读:358      评论:0      收藏:0      [点我收藏+]

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。

canvas路径

原文:http://www.cnblogs.com/cornlin/p/7616529.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!