增加SVG元素的悬停区域

Question

这样有一个SVG元素 -

<path d="M0,5.26429605180997L6.078685485212741,-5.26429605180997 -6.078685485212741,-5.26429605180997Z" transform="translate(100,100)scale(0.8)" style="fill: rgb(0, 0, 0);"></path>

现在,这个元素非常小,在它上面盘旋非常困难.

如何增加悬停区域(保持此元素的区域相同),以便即使鼠标指向大约2 px,hover事件也会被触发？

Answer 1

增加笔划宽度并使笔触不透明度为0.如果0不起作用则将其设为0.01

Answer 2

我的建议是创建另一个在处理悬停事件的对象上完全透明的svg元素。例如

<path d="M0,5.26429605180997L6.078685485212741,-5.26429605180997 -6.078685485212741,-5.26429605180997Z" transform="translate(100,100)scale(2.0)" style="fill: rgb(0, 0, 0, 1.0);"></path>

我不知道是否可以按照您描述的方式增加元素上的悬停区域。（如果是，我很想知道如何。）