空的和非可點擊填充

Question

我做的SVG編輯的modiciation這是一個在線的SVG編輯：https://code.google.com/p/svg-edit/

我讓我的用戶繪製形狀僅設置爲餡料「沒有」。

但是現在我想，當我的用戶這些圖形繪製，讓他們將鼠標懸停在形狀和顯示一些關於他們的信息。當形狀位於其他形狀的「後面」時，雖然它們是可見的，因爲填充設置爲無，所以它們是不可點擊的，因爲頂部形狀的填充實際上存在，但它是不可能的。

有使形狀填充任何方式「點擊透明」除了僅在視覺上透明的？

Answer 1

控制在什麼形狀的部分反應以鼠標事件是經由pointer-events屬性可用。

Answer 2

是的，有一種方法：

在CSS添加到您的SVG pointer-events: none;和多邊形或路徑內設置pointer-events: fill，這使得透明的空的空間，而不是填充圖案，我做出了表率codepen：

http://codepen.io/jesuscmd/pen/EyEyoP