我发现这个图书馆只是为了调整地图的“coords'自动完成并在鼠标悬停在该区域时绘制地图区域。
它在Firefox上完美运行,但我在谷歌浏览器上有一些奇怪的行为。我试了很多东西让它起作用,但没有成功。它根本不适用于谷歌浏览器。
这是一个jsfiddle所以你可以自己看看: Example
示例代码HTML:
<img id="imgFile" width="654px" height="1229px" border="0"
src="http://pds15.egloos.com/pds/201001/17/91/a0030191_4b52312f4e55c.jpg" usemap="#mapa"/>
<map id="mapa"><area id="11" shape="poly" coords="315,245,258,241,224,267,223,292,230,319,250,333,309,315"/></map>
Javascript代码:
$("img[usemap]").mapify();
当鼠标指针在胸部区域上方时,它应该改变背景颜色。我不知道我是否遗漏了什么。
这是该插件的官方网站:mapify.js
在这个网站上正常使用谷歌浏览器。
任何帮助将不胜感激。