使SVG形狀可以點擊的完整邊界區域

Question

我有一個需要點擊的引腳的SVG地圖。此外，只要用戶懸停在桌面上的某個引腳上，就會激活一個小動畫。我的問題是，只有實際的形狀接收事件，這是有問題的，因爲引腳的中心有一個「小孔」，所以如果用戶在引腳中心懸停或點擊，則什麼都不會發生。當用戶點擊或懸停在形狀的邊框上時，是否有辦法使事件觸發。當元素在檢查中看到的區域概述，或我將不得不與一個無形的盒子或其他一些「哈克」解決方案「延長的實際SVG？

Answer 1

是的，你需要添加一個不可見矩形您需要將該矩形設置爲pointer-events: fill，因此即使它不可見也會獲得點擊事件。