2011-12-21 66 views
3

我需要一个标记,其行为非常像为地图添加标记。双击会在被点击的点上显示标记,并返回被点击的点的x/y像素坐标。如何在JavaScript中将标记添加到Raphael'paper'中?

我有圣拉斐尔纸:

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

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

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

+0

你没有找到合适的答案?你是否能够使用它与你的形状?再见! – limoragni 2011-12-27 16:05:56

+0

是的,我使用过这个功能。但不是我已经使用的形状.image – Marta 2011-12-28 16:02:56

回答

1

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

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

我刚加入拉斐尔双击事件的圆圈(你可以做你的路径相同)。当这个事件被触发时,将鼠标坐标存储在两个变量中。然后,我只用这两个变量来绘制一个新的圆圈。如果你想画一条路径而不是一个圆,你只需要使用路径坐标内的变量。

我希望这适合你!如果您有任何问题,请告诉我!再见!

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

编辑2:console.log(x,y)它在那里打印浏览器控制台中的鼠标值,代码无需工作。

+1

您可能想要使用框架(如jquery)使脚本跨浏览器兼容,如[这里](http://jsfiddle.net/cordesmj/gfE6g/)所示 - 您的例如在IE中工作,但不是Firefox Firefox – 2011-12-24 11:57:26

+0

是的,你是对的。小提琴只是如何实现放置拉斐尔和JS的标记。感谢您的纠正,我认为它将对完成答案有用。 – limoragni 2011-12-24 16:47:29

相关问题