使SVG形状可以点击的完整边界区域

Question

我有一个需要点击的引脚的SVG地图。此外，只要用户悬停在桌面上的某个引脚上，就会激活一个小动画。我的问题是，只有实际的形状接收事件，这是有问题的，因为引脚的中心有一个“小孔”，所以如果用户在引脚中心悬停或点击，则什么都不会发生。当用户点击或悬停在形状的边框上时，是否有办法使事件触发。当元素在检查中看到的区域概述，或我将不得不与一个无形的盒子或其他一些“哈克”解决方案“延长的实际SVG？

Answer 1

是的，你需要添加一个不可见矩形您需要将该矩形设置为pointer-events: fill，因此即使它不可见也会获得点击事件。