如何使区域成为不规则形状而不是矩形?我使用了如下的 svg 代码,试图制作地图,但我不知道如何让鼠标悬停或单击区域而不是矩形,就像我绘制的矢量一样。
<svg version="1.1" class="flag_link_0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="190.323px" height="325.806px" viewBox="0 0 190.323 325.806" enable-background="new 0 0 190.323 325.806" xml:space="preserve">
<polygon fill="#A71F20" points="10.839,314.677 181.839,314.677 181.839,48.186 10.839,9.677 "/>
</svg>
$('.flag_link_0').hover(function(){
console.log('in');
},function(){
});