点击svg线很难击中，任何想法如何在一条线周围放置一个点击区域

Question

我有一个SVG绘图，我想点击它上面的线条。这很好，如果你有时真的很瘦的家伙。

有没有人有想法，如何让线条更容易点击 - 而不仅仅是扩大“笔画宽度”？

我尝试使用两条线（一条白色加厚一条黑色细线），但渲染顺序会破坏图形的一部分。

任何想法？

Answer 1

绘制两条线，一条是您想要看到的线，另一条是较粗的，即具有笔触宽度但是具有visibility =“hidden”，然后将隐藏线上的点击视为可见线上的点击。您可能需要调整pointer-events属性以禁用可见行（pointer-events =“none”）并为隐藏行启用它（pointer-events =“all”）

Answer 2

一个简单的技巧（除了上面）是，在这个元素的css中使用另一个游标，例如：'pointer'，这样你的客户就有机会“感觉”他们是否在“线”之上