HTML5中arc画圆参数详解

2025-11-23 05:02:35

1、 

arc(cx,cy,radius,start_angle,end_angle,direction);

cx  水平坐标

cy  垂直坐标

radius  半径

start-angel  圆周起始位置  (下面配图详细解释)

end_angle  弧长 Math.PI是半圆  Math.PI*2是整个圆  0.5为四分之一

direction 顺、逆时针  false为顺时针,true为逆时针(决定了圆弧的方向)

2、 

start-angel  圆周起始位置  (下面配图详细解释)

start-angel为0时

HTML5中arc画圆参数详解

HTML5中arc画圆参数详解

3、 

start-angel  圆周起始位置  (下面配图详细解释)

start-angel为1时

由0PI往下1,然后开始画圆弧。(0PI是画图的起始点!!!)

HTML5中arc画圆参数详解

HTML5中arc画圆参数详解

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢