2

我正在编写一些 HTML,以便可以使用 HTML SVG 和 PATH 标签绘制贝塞尔曲线。我的曲线非常好,现在我想添加一个功能,如果用户将鼠标悬停在曲线上,我会更改颜色。但实际情况是 SVG 创建了一个包含路径的大框,它会捕获所有点击。它基本上阻挡了它下面的一切,即使在路径不存在的区域也是如此。想象一下,路径从左下角到右上角,有人点击左上角(那里是空的,但我有一个按钮)。那个点击没有通过。

我意识到在 CSS 中我可以添加一个指针事件:无;行,这使我可以完全单击 SVG,但这会完全禁用 SVG。

所以问题是,有没有一种方法可以让我获得一条路径(具有大笔划宽度)来捕捉点击并允许点击在路径不存在的区域通过?

4

1 回答 1

2

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

于 2013-12-12T20:12:42.393 回答