参照网上的一个案例“参照的为绘制的是一个动态的圆环”,现在我的需求是改编成四分之三的圆环
实现效果:
样式展示 canvas绘图基本操作设置就可以
参考源代码链接:原文:https://www.jb51.net/html5/682215.html
> 引用的上文源代码进行修改,注意几点
1. 理解绘制圆环的原理,是根据弧度进行绘制
2. 弧度的计算公式
3. 每一角度转换成弧度
4. 起点和终点的坐标
> 自己画个图,方便理解!
首先根据图可以看到起点和重点,看坐标知道起点是-240度,这个正负还是要区分的,每一弧度的计算公式
将角度转换为弧度:
var radians = degree