MouseDrag三角逻辑

Question

我尝试使用简单的mousedown，drag和mouseup创建一个三角形。我有一个逻辑的草图，我画了线条，进一步澄清和我尝试过的一些片段，但它从未证明我试图在我的草图中绘制它的方式。

我做错了什么，是不可能的，还有其他解决方案除了点击每个顶点？

{
  "presets": ["es2015", "react"]
}

Vertex1是第一个左角（mousedown）

Vertex2是右上角

Vertex3是顶角

Answer 1

这一行错了：

Vertex3.X = (Vertex1.X - Vertex2.X) / 2; //The x is half way from the two corners

应该是

Vertex3.X = Vertex1.X + (Vertex2.X - Vertex1.X) / 2;

Answer 2

您描述的是“等腰三角形”而不是等边形。对于Vertex3.X，请尝试添加并除以2以获得“平均值”。

Vertex3.X =（LeftCorner.X + RightCorner.X）/ 2; // x距离两个角落只有一半