svg路徑指針事件 - 點擊檢測

Question

我正在寫一些HTML，以便我可以使用HTML SVG和PATH標籤繪製貝塞爾曲線。我的曲線非常好，現在我想添加一個功能，如果用戶將他/她的鼠標懸停在曲線上，我將更改顏色。然而，SVG創建了一個包含路徑的大框，並捕獲所有點擊。它本質上阻止了它下面的所有東西，即使在路徑不存在的地方也是如此。想象一下，路徑從左下角開始到右上角，然後有人點擊左上角（它是空的，但我有一個按鈕）。該點擊未通過。

我意識到，在CSS中我可以添加一個pointer-events：none;行，並允許我完全點擊SVG，但完全禁用SVG。

所以問題是，有沒有一種方法可以獲得一個路徑（具有較大的筆畫寬度）以捕捉點擊並允許點擊在路徑不存在的區域中通過？

MJ

Answer 1

我有一個類似的問題在我的路徑的空段被封堵，防止它下面的SVG元素的懸停，即使在道路是不存在的部分。我通過指定none爲fillCSS屬性解決了問題，並且還刪除了fill-opacity屬性。所以試試這個，希望它會有所幫助。