javascript - 如何将 Raphael 元素绑定到鼠标光标？

Question

我想创建一个元素，然后将该元素立即绑定到光标。我有移动元素的工具，但我不知道如何将它们绑定到光标而不必单击元素。我想过模拟 mousedown() 事件，但我不知道该怎么做。

对于上下文，我的最终目标是使用用户定义的端点创建一条线。用户单击一个点并创建 2 个黑色小圆圈。一个作为第一次单击的参考点，另一个将附加到光标，路径连接 2 个点。一旦用户单击另一个点，两个黑色的小圆圈都会消失，只留下线条。

有任何想法吗？

Answer 1

感谢@Joan Charmant 为我指明了正确的方向。到目前为止，这是我的解决方案。$('#paper') 是我的画布， tempPoint 是我创建的用于绑定光标移动的圆圈。

$("#paper").mousemove(function (event)
                {
                    if(firstLinePointSelected && tempPoint!=null)
                    {
                        if (!event) var event = window.event;
                        var x=0, y=0;
                        if (event.pageX || event.pageY)     
                        {
                            x = event.pageX;
                            y = event.pageY;
                        }
                        else if (event.clientX || event.clientY)    
                        {                           
                            x = event.clientX + document.body.scrollLeft
                                + document.documentElement.scrollLeft;
                            y = event.clientY + document.body.scrollTop
                                + document.documentElement.scrollTop;
                        }

                        // subtract paper coords on page
                        tempPoint.attr("cx", x - $('#paper').offset().left);
                        tempPoint.attr("cy", y - $('#paper').offset().top);
                    }
                });