如何在javascript/SVG中增加点击的选择区域？

上次讨论这个问题已经三年了，所以我希望在此期间有所改善。我正在使用SVG用javascript编写一个简单的绘图工具。我希望绘制的线是可选的，这样每个多段线都有一个onclick属性。但选择一条1像素宽的线几乎是不可能的。你必须把光标对准点。有没有办法增加线条周围的区域或（更好）增加光标周围的选择区域？过去唯一的解决办法是在每一条细线后面画一条看不见的粗线，然后对它的点击做出反应，但这相当尴尬。有更好的方法吗？

我不能告诉您具体细节，但是可以选择在svg元素上使用一个单击事件处理程序，然后使用某种坐标系来确定使用您自己的预定义规则单击的内容。我认为使用一条不可见的粗线是一种好方法。一个围绕该行的较大区域，用于侦听应用于该行的事件。我在过去处理过这个问题，正如@Gael所建议的，创建了一个单独的不可见元素，其中包含处理程序。不可见元素需要在代码的后面，所以它位于顶部。在实践中，我将这两者打包在一个用于一些角度指令的框架中。