用map标签来点击图片,从而实现图片不同区域的跳转
<img src="./img/bg-home.jpg" alt="" usemap="#map">
<map name="map" id="map">
<area shape="poly" coords="583,382,587,357,609,359,611,283,1014,247,1392,352,1362,410,1218,445,583,382" href="https://www.baidu.com/" alt="">
<area shape="poly" coords="584,392,532,500,1194,587,1386,533,1414,398,1231,448,584,392" href="https://www.mi.com/" alt="">
<area shape="poly" coords="591,520,565,595,510,618,1169,731,1406,641,1395,542,1170,601,591,520" href="https://huaban.com/" alt="">
<area shape="poly" coords="570,641,569,742,1164,867,1395,767,1398,655,1172,734,570,641" href="https://www.qingnian8.com/" alt="">
</map>
具体测量图片多边形的操作过程:需要用ps测量图片坐标