Javascript 这个角度派生代码做什么?

Javascript 这个角度派生代码做什么?,javascript,html,math,graphics,Javascript,Html,Math,Graphics,长话短说——我需要一些JS代码在我正在开发的网页上画一条垂直线。因此,我四处寻找一些轻量级代码(没有框架或画布),发现: 我把它放到我的网页上,它就成功了。某种程度上。即使我给它坐标来画一条垂直线,它还是决定了这条线必须是水平的。所讨论的代码似乎是: var calc=Math.atan((ay-by)/(bx-ax)); calc=calc*180/Math.PI; 如果我强制角度为零,一切正常(请参阅JSFIDLE并尝试切换calcAngle标志) 该代码如何确定直线的角度 注意

长话短说——我需要一些JS代码在我正在开发的网页上画一条垂直线。因此,我四处寻找一些轻量级代码(没有框架或画布),发现:

我把它放到我的网页上,它就成功了。某种程度上。即使我给它坐标来画一条垂直线,它还是决定了这条线必须是水平的。所讨论的代码似乎是:

  var calc=Math.atan((ay-by)/(bx-ax));
  calc=calc*180/Math.PI;
如果我强制角度为零,一切正常(请参阅JSFIDLE并尝试切换calcAngle标志)

该代码如何确定直线的角度


注意:JSFIDLE只是一个问题的演示,与站点本身无关,因此请不要挂断此代码的细节。

您已经通过了一行的起点和终点。这些点也构成了角度。尽管
calc=Math.atan((ay by)/(bx ax))也应使用
Math.atan2()
解析90°和270°角度。顺便说一句。包含一个简单的
抽绳
函数。也许你可以用这个?代码有注释,使用简单的
div
s和CSS,不需要任何库或框架。建议您使用-90或270覆盖calc,然后乘以Math.PI/180。