画图中的弧度与角度转换（Math.atan与Math.atan2）

最近在做一个连线游戏时，用到了计算两点之间的角度，如何计算任意两点间直线的倾斜角呢?只需要将两点x,y坐标分别相减得到一个新的x,y轴距离(x2-x1,y2-y1).然后利用它求出角度就可以了。

1、js中Math.atan()

Math.atan()接受一个参数:用法如下:

angel=Math.atan(slope)

angel为一个角度的弧度值,slope为直线的斜率,是一个数字,这个数字可以是负的无穷大到正无穷大之间的任何一个值即y/x.

不过,利用他进行计算比较复杂.因为它的周期性,一个数字的反正切值不止一个.例如atan(-1)的值可能是45度,也可能是225度.这样就是他的周期性,对于正切函数来说,他的周期是180度,所以两个相差180度的角具有相同的正切和斜率:

tanθ=tan(θ+180)

然而,Math.atan()只能返回一个角度值,因此确定他的角度非常的复杂,而且,90度和270度的正切是无穷大,因为除数为零,我们也是比较难以处理的~!因此我放弃使用该函数.

2、Math.atan2()

Math.atan2()接受两个参数x和y,方法如下:

angel=Math.atan2(y,x)

x 指定点的 x 坐标的数字。

y 指定点的 y 坐标的数字。

计算出来的结果angel是一个弧度值,也可以表示相对直角三角形对角的角，其中 x 是临边边长，而 y 是对边边长。

例如：

x=Math.atan(1)//计算正切值为1的数字对应的弧度值0.785398163397448

x=180*x/Math.PI//转换为角度值45deg

回归到游戏中，我计算出终点与起始点的y轴间距与x轴间距，代入到公式中得到一个弧度，然后*180/Math.PI得到角度，至此大功告成！！