码迷,mamicode.com
首页 > 其他好文 > 详细

canvas路径

时间:2017-10-01 09:56:35      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:一点   als   直线   半径   net   角度   一个   arc   end   

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路径

标签:一点   als   直线   半径   net   角度   一个   arc   end   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!