根据三角形获取屏幕坐标

Question

如果我有斜边的长度和角度，我如何找到邻边和对边？

我正在用 JavaScript 编写此内容，我只是想找到给定长度和角度的斜边结束处的屏幕坐标 (x/y)。 因此，另外，我需要知道如何从笛卡尔坐标转换为屏幕坐标。

抱歉，这可能是一个非常愚蠢的问题。

如果我不清楚的话，这是一个草图：

所以像这样：

function getLineEndCoords(originX, originY, hypotenuse, angle){
    // Probably something to do with tangents and cosines.
    return [x,y]
}

另外，如果有人知道任何好的 JS此类内容（等轴测图、显示相关数学）的库会很方便。

Answer 1

使用 soh cah toa：

sin(A) = o/h
cos(A) = a/h

因此：

x = hypotenuse*sin(angle) + origionX
y = hypotenuse*cos(angle) + origionY

通常更容易记住，一个轴是角度的正弦乘以长度，另一个轴是角度的余弦乘以长度。

编辑：

抱歉，我忘记添加原点。

Answer 2

给你：

function getLineEndCoords(originX, originY, hypotenuse, angle){
  return [originX+Math.cos(angle)*hypotenuse,originY-Math.sin(angle)*hypotenuse];
  }

上面的代码有相对于右 x 轴的角度（如草图中所示）。例如，角度 0 将是时钟上的数字 3。以弧度表示的角度 PI/2（90 度表示）将为 12 点钟方向。该函数还将坐标返回为屏幕坐标，其中 Y 随着向下而增加，而不是像在笛卡尔平面上那样向上。

请注意，javascript 三角函数仅接受弧度，而不接受度数。您的角度参数必须以弧度为单位。以下是将度数转换为弧度的代码：

function deg2rad(deg){
  return deg*Math.PI/180;
  }