svg路径指针 - 事件 - 单击检测

Question

我正在编写一些HTML，以便我可以使用HTML SVG和PATH标记绘制Bezier曲线。我的曲线非常好，现在我想添加一个功能，如果用户将他/她的鼠标悬停在曲线上，我会改变颜色。然而，发生的事情是SVG创建了一个包含路径的大盒子，它捕获了所有点击。它基本上阻止了它下面的所有东西，即使在路径不存在的区域也是如此。想象一下，路径从左下角到右上角，有人点击左上角（它是空的，但我有一个按钮）。点击不会通过。

我意识到在CSS中我可以添加一个指针事件：无; line，这允许我完全点击SVG但完全禁用SVG。

所以问题是，有没有办法可以获得一个路径（行程宽度大）来捕捉点击并允许点击在路径不存在的区域中通过？

MJ

Answer 1

我有一个类似的问题，我路径的空白部分阻塞并阻止SVG元素在其下面悬停，即使在路径不存在的部分也是如此。我通过为none CSS 属性指定fill来解决此问题，并删除了fill-opacity属性。所以试试这个，希望它会有所帮助。