javascript - 拉斐尔行尾跟随光标

Question

注意：这个问题与其他几个问题相似，但我无法从答案中提取中心逻辑。

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

我相信解决方案将涉及 mousemove()，但我无法找到一个简单的示例来说明它是如何工作的。

Answer 1

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

• 这些点（你的线的末端）是用Paper.circle()
• 处理 jQuery 点击事件$.click()，我能够得出我的观点
• 一旦你有了第一个点，Paper.path()在你的最后一个点和光标位置之间画一条线
• 然后你想刷新你的$.mousemove()处理程序中的路径

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

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