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°转为弧度为
image

1.5707963267948966弧度转角度为
image

如何得到圆上每个点的坐标?

两条重要公式

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

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

图解:
image

转换为js公式:

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

用来做什么?

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

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

image

你可能感兴趣的:(javascript前端)