Math.sin和Math.cos使用，理解弧度角度换算

周长

公式：圆周长 = 2 π r，π在js里面表示是Math.PI，因此圆周长 = 2 Math.PI r，

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

弧度

弧度是角的度量单位

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

根据定义：一周的弧度数为2πr / 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

用来做什么？

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

明白上面的基本原理，便可轻松绘制简单效果，复杂效果的运算还是推荐使用 矩阵运算