canvas_进度条_html/css_懂视

canvas_进度条_html/css

2020-11-27 16:35:11 责编:小采

如图，进度条是逆时针画的，如何让它顺时针
以下是我的代码

 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);

             -->    
 Make every day matter--> 0%

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

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

显示全文