如何用一个角度点改变曲线到直线两点之间的直线

我需要的

当前示例： http ： //jsfiddle.net/2ecsjomz/5/

笔记：

• 特定的左/右对永远不会改变位置， "left drag"将始终保持在左侧或"right drag"
• 需要在两点之间形成单个角度点
• 从“左拖”开始的线需要是水平的
• 如果它有助于我不需要点可拖动，它可以有特定的坐标。
• 它需要在两个html元素之间生成行（与示例相同）

Answer 1

将路径编码更改为以下内容：

  // Build the path decription p = "M" + pt1x + "," + pt1y + " L" + (pt1x+pt2x)/2 + "," + pt1y + " L" + pt2x + "," + pt2y ;