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);
                    }
                });

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

1 个答案: