如何将标记添加到拉斐尔&x27;纸张';用javascript?

如何将标记添加到拉斐尔&x27;纸张';用javascript?,javascript,jquery,html,raphael,double-click,Javascript,Jquery,Html,Raphael,Double Click,我需要一个行为类似于向地图添加标记的标记。双击时,会在单击的点上显示标记,并返回单击点的x/y像素坐标 我有拉斐尔的论文: var R = Raphael("paper", 500, 500); 上面有路径(R.path(“M 92.3456…37.0934 Z”))定义形状。我必须在这张纸上加上带有形状的标记 我不是javascript程序员,所以我甚至不知道从哪里开始。所以这里的任何帮助都是非常感谢的 好的,我做了这个简单的小提琴来帮你解决你的问题 我只是在圆圈中添加了一个Raphael

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

我有拉斐尔的论文:

var R = Raphael("paper", 500, 500);
上面有路径(
R.path(“M 92.3456…37.0934 Z”)
)定义形状。我必须在这张纸上加上带有形状的标记


我不是javascript程序员,所以我甚至不知道从哪里开始。所以这里的任何帮助都是非常感谢的

好的,我做了这个简单的小提琴来帮你解决你的问题

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

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

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


Edit2:
console.log(x,y)
用于在浏览器控制台中打印鼠标值,代码不必工作。

您可能希望使用框架(如jquery)使脚本跨浏览器兼容,如图所示-您的示例在IE中工作,但在Firefox中不工作是的,您是对的。这把小提琴只是说明了你如何用拉斐尔和JS完成标记。谢谢你的批改,我认为这对完成答案很有用。你不觉得答案有用吗?你能把它用于你的形状吗?再见!是的,我用过这个功能。但是我用的不是形状,而是图像