周长

公式:圆周长 = 2 r,在js外面示意是Math.PI,因而圆周长 = 2 Math.PI r,

而圆周长绕行一周,也就是2 Math.PI r对应着360°,所以引出上面的弧度

弧度

弧度是角的度量单位

定义:弧长等于半径对应的弧,其所对的圆心角为1弧度

依据定义:一周的弧度数为2r / r=2,360°角=2弧度,1弧度约为57.3°,即57°17'44.806''

所以得出两条重要的公式

角度和弧度转换

弧度 = 角度 2 / 360 = 角度 / 180 = 角度 * Math.PI / 180
角度 = 弧度 360 / 2 = 弧度 180 / = 弧度 * 180 / Math.PI

验证一下

90°转为弧度为

1.5707963267948966弧度转角度为

如何失去圆上每个点的坐标?

两条重要公式

邻边(x) = sin(角度对应弧度) * r

对边(y) = cos(角度对应弧度) * r

图解:

转换为js公式:

X坐标 = a + Math.sin(角度 (Math.PI / 180)) r
Y坐标 = b + Math.cos(角度 (Math.PI / 180)) r

用来做什么?

在前端中,动画的绘制及图表可视化,是角度弧度转化和三角函数的使用较多场景

明确下面的基本原理,便可轻松绘制简略成果,简单成果的运算还是举荐应用 矩阵运算