如何为图片局部添加链接

如何为图片局部添加链接

使用H5的map标签，利用img的usemap属性与map的name属性进行绑定，然后调节area的coords属性值来改变点击区域大小以及位置。

<img src="./bank_002.png" alt=".insurance" usemap="#planetmap"/>
<map name="planetmap">
    <area shape="rect" coords="673,348,710,366" target="_blank" alt="Sun" href="https://www.baidu.com">
</map> 

此处我使用的shape=“rect”：矩形，coords四个值：前两个为矩形左上角根据图片左上角的坐标，后两个为矩形右下角根据图片右下角的坐标。href即为要跳转到的url

shape值为circle：圆，coords三个值：（x,y,z）

shape值为polygon：多边形，coords多个值：（x1,y1,x2,y2,x3,y3,…）