当前位置:Gxlcms > html代码 > canvas_进度条_html/css_WEB-ITnose

canvas_进度条_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:3人阅读

如图,进度条是逆时针画的,如何让它 顺时针
以下是我的代码
 canvas 实例 您的浏览器不支持canvas!


回复讨论(解决方案)

   // 画圆,圆心是24,24,半径24,从角度0开始,画到2PI结束,最后一个参数是方向顺时针还是逆时针            cts.arc(x, y, radius,  Math.PI * 2,0, true);

代码上不是写了么,你改FALSE试试

   // 画圆,圆心是24,24,半径24,从角度0开始,画到2PI结束,最后一个参数是方向顺时针还是逆时针            cts.arc(x, y, radius,  Math.PI * 2,0, true);

代码上不是写了么,你改FALSE试试



这就是false的效果

这个可以逆时针,但我还是不知道怎么改我的代码

cts.arc(x, y, radius, Math.PI * 1.5, Math.PI * 1.5 - Math.PI * 2 * process / 100,true);

                                                                                        

0%

仅改成 false 是不行的,效果不对
要这样

cts.arc(x, y, radius, Math.PI * 1.5,  -3 * Math.PI * 1.5 +  Math.PI * 2 * process / 100, false);

人气教程排行