我目前正在尝试在我的网站上制作一个图像地图,它将根据窗口的大小调整大小。。。我想知道是否有任何方法可以用HTML来实现这一点,或者我必须用Javascript或其他语言来实现这一点
<;div style=“文本对齐:中心;宽度:1920px;左边距:自动;右边距:自动”>;
<;img id=“Image-Maps_520121070133251”src=”https://stackoverflow.com/questions/13321067/Site.png“usemap=“#Image-Maps_520121070133251”border=“0”width=“1920”height=“1080”alt=”“/>;
<;地图id=“\u Image-Maps\u 52012107013351”name=“Image-Maps\u 52012107013351”>;
<;area shape=“poly”coords=“737116114918944473”,href=”http://essper.bandcamp.com“alt=“Bandcamp”title=“Bandcamp”/>;
<;area shape=“poly”coords=“100658914185901211945,”href=”http://soundcloud.com/essper“alt=“Soundcloud”title=“Soundcloud”/>;
<;area shape=“poly”coords=“502590910591708944,”href=”http://facebook.com/the.essper“alt=“Facebook”title=“Facebook”/>;
</地图>;
我编写了一个小的库来将imageMap缩放为一个可调整大小的图像,这样随着图像的缩放,贴图保持同步。当您要映射比例缩放的百分比图像等时非常有用
它可以与jQuery一起使用,也可以不与jQuery一起使用
https://github.com/davidjbradshaw/imagemap-resizer
你可以看到它在工作
http://davidjbradshaw.com/imagemap-resizer/example/