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

Question

我需要一个类似于在 map 上添加标记的标记。双击时会在单击的点处显示一个标记，并返回单击的点的 x/y 像素坐标。

我有拉斐尔论文:

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

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

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

Answer 1

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

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

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

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

编辑:看看下面的评论，是对答案的一个很好的贡献!

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