javascript - 如何用一个 Angular 点将两点之间的线从曲线变为直线

Question

我需要什么

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

注意事项:

• 特定的左/右对永远不会改变位置，"left drag" 将始终留在左侧或 "right drag"
• 需要在两点之间形成一个 Angular 点
• 从“左拖”开始的线需要是水平的
• 如果有帮助，我不需要点可拖动，有特定坐标也可以。
• 它需要在两个 html 元素之间生成线条(与示例相同)

Answer 1

将路径编码改为下面这个:

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