我正在编写一些 HTML，以便可以使用 HTML SVG 和 PATH 标签绘制贝塞尔曲线。我的曲线效果非常好，现在我想添加一项功能，如果用户将鼠标悬停在曲线上，我会更改颜色。但实际情况是，SVG 创建了一个包含路径的大框，并捕获所有点击。它基本上阻挡了其下方的所有物体，即使是在不存在路径的区域也是如此。想象一下，路径从左下角到右上角，有人单击左上角(那里是空的，但我有一个按钮)。该点击未通过。
我意识到在CSS中我可以添加一个pointer-events: none;行，这允许我完全单击 SVG，但这会完全禁用 SVG。
所以问题是，有没有一种方法可以让我获得一条路径(具有较大的描边宽度)来捕获点击并允许点击穿过该路径不存在的区域？
米杰
最佳答案
我遇到了类似的问题，路径的空白部分被阻挡并阻止 SVG 元素悬停在其下方，即使在路径不存在的部分也是如此。我通过为 fill CSS 属性指定 none 解决了这个问题，并删除了 fill-opacity 属性。所以尝试一下，希望它会有所帮助。
关于html - svg路径指针事件-点击检测，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17949547/