Raphael.js如何找到單擊路徑的筆觸？

Question

如何通過Raphael.js找出（當用戶單擊SVG路徑時）單擊筆觸？

這是路徑：

var polycoords = [['M',10,10],['L',30,10],['L',35,50],['L',5,45],['Z]];
var poly = paper.path(polycoords).attr({'stroke':'#00f','stroke-width':5});
poly.click(function(e) {
    // I think here can I find it somehow...
});

Answer 1

至於您的路徑是否閉合但未填充顏色或圖案，只有筆觸是可單擊的，因此問題似乎已解決。

如果實際上是在某些未粘貼的代碼行中填充此路徑，則內部也是可單擊的，並且提供給click回調的event參數沒有區別。

兩種方式：

1. 將筆觸和內部作為兩個不同的路徑（一個填充並沒有筆觸，另一個未填充但有筆觸）並附加單獨的點擊處理程序

2. 單擊時，在單擊的像素周圍創建臨時路徑（其坐標位於事件參數中），並使用Raphael.pathIntersection(path1, path2)搜索與現有路徑的交點（ RaphaelJS文檔：pathIntersection ）