我做的SVG编辑的modiciation这是一个在线的SVG编辑： https://code.google.com/p/svg-edit/
我让我的用户绘制形状仅设置为“无”的馅料。
但是现在我想，当我的用户这些图形绘制，让他们将鼠标悬停在形状和显示一些关于他们的信息。 当形状是“幕后黑手”的一些其他形状，althought因为填充设置为none它们是可见的，他们是无法点击，因为顶部形状的填充实际上是有，但它只是invinsible。
有没有使形状填充“点击透明”除了仅在视觉上透明的方法吗？
Answer 1:
控制在什么形状的部分反应以鼠标事件经由可用指针事件属性。
Answer 2:
是的，有一种方法：
在CSS添加到您的SVG pointer-events: none; 和内组的多边形或路径pointer-events: fill ，这使得透明的空的空间，而不是填充形状，我在codepen制成一个例子：
http://codepen.io/jesuscmd/pen/EyEyoP
文章来源: Empty and non-clickable filling of SVG paths in SVG-edit
