Raphael.js如何在路径上找到点击位置?

时间:2013-05-08 10:47:57

标签: javascript raphael

有没有办法访问点击路径坐标?还有一个:有可能发现whitch是路径上最近的一个角落吗?

我读过这篇文章,但不太有用: Raphaeljs: accessing the relative postion of a click on a closed path

谢谢你的时间!

1 个答案:

答案 0 :(得分:3)

你在寻找这样的东西:

var paper = Raphael(10, 10, 400, 400);

var path = paper.path("M0 0L10 100L50 100L100 70").attr({"stroke": "#000", "stroke-width": "3"});
path.click(function(event) {
    console.log(this);
    console.log(event.x, event.y);
});

http://jsfiddle.net/sLmHd/2/

修改

我只是为你做了一个开始。这是一种方式,而不是唯一的方式。

我创建了一个包含2个数组的对象。 x和y。

每次点击我都会添加点数。 (您需要检查要推送的索引) 你还需要检查关闭角落是什么。 This could be helpfull

我希望这会对您有所帮助:http://jsfiddle.net/fvtPN/