Javascript 根据它们之间的距离绘制4个点?

Javascript 根据它们之间的距离绘制4个点?,javascript,canvas,graph,plot,html5-canvas,Javascript,Canvas,Graph,Plot,Html5 Canvas,我有4点之间的距离。我想在二维网格上绘制这些数据 我试着拿一分,然后把它放在(0,0)开始。然后我可以创建代表其他三个点的可能位置的圆。一旦我到了那一点,我就可以在任意位置锁定第二点。做相同的可能位置,并到达第3点的两个可能位置。我可以挑一个,然后算出四个。我知道这是可能的,我可以在纸上找到答案,但我想知道是否有一种比其他人已经找到的方法更简单的方法 如果有人能给我指出正确的方向,或者给我指出一些讨论确定这些点所涉及的公式的阅读材料,那就太好了 谢谢 我所尝试的: points = [A, B,

我有4点之间的距离。我想在二维网格上绘制这些数据

我试着拿一分,然后把它放在(0,0)开始。然后我可以创建代表其他三个点的可能位置的圆。一旦我到了那一点,我就可以在任意位置锁定第二点。做相同的可能位置,并到达第3点的两个可能位置。我可以挑一个,然后算出四个。我知道这是可能的,我可以在纸上找到答案,但我想知道是否有一种比其他人已经找到的方法更简单的方法

如果有人能给我指出正确的方向,或者给我指出一些讨论确定这些点所涉及的公式的阅读材料,那就太好了

谢谢

我所尝试的:

points = [A, B, C, D] //unknown

angles = [AoA, AoB, AoC, AoD]

distances = [AB, AC, AD, BC, BD, CD] //known

A.x = 0 //seeded value
A.y = 0 //seeded value
B.x = AB
B.y = A.y
C.x = (AB² - BC² + AC²) / (2 * AB) //assume positive answer
C.y = Math.sqrt(BC² - (B.x - C.x)²) - B.y
D.x = ???
D.y = ???

基本上,您将拥有一个由六个方程组成的系统:

AB^2 = (A.x - B.x)^2 + (A.y - B.y)^2  EQ[1]
AC^2 = (A.x - C.x)^2 + (A.y - C.y)^2  EQ[2]
AD^2 = (A.x - D.x)^2 + (A.y - D.y)^2  EQ[3]
BC^2 = (B.x - C.x)^2 + (B.y - C.y)^2  EQ[4]
BD^2 = (B.x - D.x)^2 + (B.y - D.y)^2  EQ[5]
CD^2 = (C.x - D.x)^2 + (C.y - D.y)^2  EQ[6]
您的问题本质上是为8个变量
Ax、Ay、Bx、By、Cx、Cy、Dx、Dy解决这些问题,并将它们拟合到二维图形中。这允许一系列解决方案,这些解决方案根据选择的值而崩溃。你这里有一个系统。有许多不同的方法来解决这些类型的方程:计算机,例如,等等,你可以用手,或通过代数操作变量

你对圆圈的想象是一个很好的开始。从第一个点A开始,将有四个同心圆,然后从每个圆上的每个点开始,再有四个同心圆。问题在于的扩展版本

在这种情况下,您的优势是可以选择两个初始值。希望这能为你指明正确的方向。我不确定你想用什么方法,但这是你正在处理的问题类型

这是一幅美丽的图画:

您的解决方案将沿着这些圆及其交点的线传播

正如你所看到的,在你做出决定之前,你不会对每一点有任何明确的答案,但是你可以看到当你选择A,然后选择与A相关的B时,你会对C有两个选择,半径为BC的圆和半径为AC的圆相交。然后,对于D,您将再次有两个选择,其中三个圆:A与半径AD相交,B与半径BD相交,C与半径CD相交


你可以在一个程序中建立你的方程,对第一个点做出一些任意的决定,就像你对
a=(0,0)
B=(AB,0)
所做的那样,类似于输入一个起点,第二个点总是
+AB
x
方向。然后求解方程的两个根,这两个根定义了半径为BC的圆和半径为AC的圆,半径为A。定义了C后,对这三个圆的方程的根做同样的处理。

你能稍微澄清一下你的第二段吗?也许可以提供一些你做过的试验?@farmerjoe我已经添加了更多细节,如果你有任何具体问题,请告诉我。谢谢假设你有点
A、B、C、D
,你有距离
AB、AC、AD、BC、BD、CD
?或者类似于
AB,BC,BD,DA
@farmerjoe我知道所有人之间的距离<代码>AB、AC、AD、BC、BD、CD
太棒了,谢谢你的回答。我想我已经解决了如何求解C.x和C.y(如上所述)。再次感谢!