沐可的博客 沐可的博客

用canvas标签画弧和圆

in HTML5 read (118) 文章转载请注明来源!

一、方法

context.arc(

centerX,centerY,radius,//分别表示圆心的X坐标,Y坐标,半径
startingAngle,endingAngle,//开始弧度值,结束弧度值
anticlockwise = false,//可选参数,不写则默认以顺时针方向,若填 true,则以逆时针方向
)

默认初始位置弧度值说明:

二、例如

1. 以0弧度为起点,逆时针画一个3/4圆弧

2. 以1.5弧度为起点,顺时针画一个1/4圆弧

3. 画多段弧

beginPath()//重新开始新的路径

closePath()//结束当前路径,如果当前路径没有封闭,则会自动封闭当前路径
注意:二者不一定成对存在

HTML5
最后由沐可修改于2017-09-17 18:27
发表新评论
博客已萌萌哒运行
© 2017 由 Typecho 强力驱动.Theme by Yodu赣ICP备15009801号
PREVIOUS NEXT
雷姆
拉姆