拉斐尔的行尾遵循光标

Question

注意：这个问题与其他几个问题类似，但我从答案中提取中心逻辑时遇到了麻烦。

我正在尝试执行以下操作：用户可以单击页面，锚定一行的一端。最终，她将再次点击以锚定另一端。与此同时，尽管第二行结束应该随光标浮动，从而显示最终行在任何时候都会想要什么。

我相信解决方案将涉及mousemove（），但我无法找到一个显示其工作原理的简单示例。

Answer 1

正如我自己做的那样（用户手工绘制多边形）：

• 点数（您的行尾）是使用Paper.circle()
制作的
• 使用$.click()处理jQuery点击事件，我能够绘制我的点数
• 获得第一个点后，在最后一个点和光标位置之间画一条Paper.path()行
• 然后，您要刷新$.mousemove()处理程序
中的路径

以下是我建议你刷新路径对象的方法（我们不想每次都创建一个新对象？）：

var sNewPath = 'M10,20L30,40';
var oPath.attr({ 'path':sNewPath });