html area useMap 图片热区

图片
<img src="${ctx}/styles/index/images/pic12.jpg" width="248" height="60" usemap="#Map"/>

Map
<map name="Map" id="Map">
  <area shape="rect" coords="0,0,123,58" href="http://www.baidu.com" />
  <area shape="rect" coords="123,0,246,58" href="http://www.google.com" />
</map>

shape是rect 矩形的时候，coords对应图片上的左上和右下的坐标
shape是circ 圆形的时候，coords对应图片上的圆心坐标和半径长度
shape是poly 多边形的时候，coords对应图片上的多变形各个角的坐标