Raphael - 如何通過邊框選擇路徑？

Question

我是svg和raphael.js的新手。我的任務是創建一個交互式圖形 - 用戶點擊/觸摸一條線，打開空間顯示一些文本元素。我有這個工作，但這條線是一個非常小的目標。

有沒有辦法讓用戶單擊邊框，而不是路徑？我看到getBBox（），但沒有看到我可以如何使用這個目的。

Answer 1

有一兩件事你可以做的是克隆你的路徑，將其推回行了你的興趣的背後，改變屬性，以便它更厚，且幾乎完全透明，並把你的事件處理程序上這一行。

喜歡的東西this

你必須把它清理乾淨，當然......

Answer 2

繪製這條線後面的同一背景色的THIK線並使用該作爲目標。

Answer 3

你可以要捕捉mouseevents元素上使用pointer-events="boundingBox"。請參閱SVG Tiny 1.2 spec。

這裏是一個example。

不幸的是我不認爲大多數瀏覽器都支持它。歌劇雖然。