Math.PI和Math.sin() 与 Math.cos()搭配使用详解

Math.PI 表示一个圆的周长与直径的比例，约为 3.141592653589793，其实就是我们所说的圆周率 π 

Math.sin(x) //x 的正玄值。返回值在 -1.0 到 1.0 之间；

Math.cos(x) //x 的余弦值。返回的是 -1.0 到 1.0 之间的数；

角度和弧度转换公式：

　　弧度 = 角度*PI/180 
　　角度 = 弧度*180/PI

还有一个计算弧度常用的：（一样的）

　　弧度的计算公式为： 2*PI/360*角度；

 验证：

弧度 = 角度 ×（PI/180）；

30° 角度 的弧度 = 30 * （PI/180）

案例一：根据半径获取圆周值

使用 Math.PI 计算给定半径的圆周长

function calculateCircumference (radius) {
  return 2 * Math.PI * radius;
}

calculateCircumference(1);  // 6.283185307179586

案例二：如何得到圆上每个点的坐标？

解决思路：根据三角形的正玄、余弦来得值；

假设一个圆的圆心坐标是(a,b)，半径为r

则圆上每个点的：

X坐标 = a + Math.sin(2*Math.PI / 360) * r  ；

Y坐标 = b + Math.cos(2*Math.PI / 360) * r  ；

---------------------------------------------------------

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

解决思路：根据三角形的正玄、余弦来得值；

假设一个圆的圆心坐标是(a,b)，半径为r，

则圆上每个点的: 
X坐标=a + Math.sin(角度 * (Math.PI / 180)) * r ；
Y坐标=b + Math.cos(角度 * (Math.PI / 180)) * r ； 

每个人的习惯不一样..........

图解：

案例三：如何求时钟的秒针转动一圈的轨迹？

假设秒针的初始值（起点）为12点钟方向，圆心的坐标为（a,b)。

解决思路：一分钟为60秒，一个圆为360°，所以平均每秒的转动角度为 360°/60 = 6°； 

for(var times=0; times<60; times++) {

      var hudu = 6 * (Math.PI / 180) *  times;

       var X = a + Math.sin(hudu) * r;

       var Y = b - Math.cos(hudu) * r    //  注意此处是“-”号，因为我们要得到的Y是相对于（0,0）而言的。

}

注意：
1、本例是以“12点为起点, 角度增大时为顺时针方向“，求X坐标和Y坐标的方法是：
X坐标=a + Math.sin(角度 * (Math.PI / 180)) * r ；
Y坐标=b - Math.cos(角度 * (Math.PI / 180)) * r ； 

2、一般“3点为起点, 角度增大时为逆时针方向“，求X坐标和Y坐标的方法是：
X坐标 = a + Math.cos(角度 * (Math.PI / 180)) * r;    
Y坐标 = b - Math.sin(角度 * (Math.PI / 180)) * r;    

角度与弧度互转（比较好的文章内容）

1、角度定义
     两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。当弧长正好等于圆周长的360分之一时，两条射线的夹角的大小为1度。(单位: º）

2、弧度定义
     两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆的半径时，两条射线的夹角大小为1弧度（单位：rad)。
可简单理解为：弧度 = 弧长 / 半径

3、弧长与弧度
     3.1 圆的周长C的计算公式为：C = 2πr = πd    (r - 半径；d - 直径)
     3.2 圆一周的弧长为：2πr                    (弧长 = 周长）
     3.2 圆一周的弧度为：2πr / r = 2π                  (根据：弧度 = 弧长 / 半径） 

4、度与角度的转换
   根据圆为360 º，弧度为2π，即 360º = 2π 

   4.1 角度转弧度：2π / 360  = π / 180 ≈ 0.0174rad, 即: 度数 * (π / 180） = 弧度
   例如：将30º转为弧度rad 
   30º * (π / 180）= 0.523320 rad 
 
   4.2 弧度转角度: 360 / 2π  = 180 / π ≈ 57.3º,  即:  弧度 * (180 / π） = 度数
   例如：将0.523320rad转为度º
   0.523320rad * (180 / π) = 29.9992352688º 

参考文章：

https://blog.csdn.net/chelen_jak/article/details/80451193

https://blog.csdn.net/chelen_jak/article/details/80480390

https://blog.csdn.net/chelen_jak/article/details/80451193