我有一组 SVG 路径,当鼠标位于路径的某个附近时发送点击事件。我不希望路径周围的矩形框接近。这可能吗?
最佳答案
您可以添加不同(扩展)形状的点击区域,或者简单地复制路径并添加大笔划。假设标记如...
<svg xmlns="http://www.w3.org/2000/svg">
<path d="m169,83c75,-44 220,145 96,110c-124,-35 -171,-66 -96,-110z" class="hitarea" />
<path d="m169,83c75,-44 220,145 96,110c-124,-35 -171,-66 -96,-110z" />
</svg>
然后你可以做...
path {
fill: black;
stroke: green;
stroke-width: 5;
pointer-events: none;
}
path.hitarea {
opacity: 0;
stroke-width: 50;
pointer-events: auto;
}
path.hitarea:hover + path {
fill: red;
}
或者,如果您不需要在形状上进行描边,那么您只需放置一个大的透明描边即可。
关于javascript - SVG 路径邻近检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14862105/