如何在 javascript 中向 Raphael 'paper' 添加标记？

Question

我需要一个行为类似于向地图添加标记的标记。双击时会在被点击的点上显示一个标记，并返回被点击点的 x/y 像素坐标。

我有拉斐尔论文：

var R = Raphael("paper", 500, 500);

上面带有定义形状的路径 (R.path("M 92.3456 ... 37.0934 Z"))。而且我必须在这张纸上添加带有形状的标记。

我不是 javascript 程序员，所以我什至不知道从哪里开始。因此，非常感谢这里的任何帮助！

Answer 1

好的，我制作了这个简单的小提琴来帮助您解决问题。

http://jsfiddle.net/mN5du/1/

我只是在圆圈中添加了一个 Raphael 双击事件（您可以对路径执行相同的操作）。触发此事件时，将鼠标坐标存储在两个变量中。然后我只是使用这两个变量来绘制一个新的圆圈。如果你想画一条路径而不是一个圆，你只需要使用路径坐标内的变量即可。

我希望这对你有用！如果您有任何问题，请告诉我！再见！

编辑：看看下面的评论，对答案有很好的贡献！

Edit2:console.log(x,y) 行是用来在浏览器控制台打印鼠标值的，代码不需要工作。