imagemap - 图像地图重新调整大小

Question

我一直在寻找将带有坐标的图像地图动态缩放到 div，因此当重新调整窗口大小时，地图和所有坐标都会相应地缩放。关于如何做到这一点的任何建议？

我认为这可能有效 http://blog.outsharked.com/p/image-map-resizer.html

但是使用 :enter a bounding area 的替代选项，地图将被裁剪到该区域内。

那么我的问题是我如何建立一个边界区域，它会动态扩展到整个区域吗？

Answer 1

这个 jQuery 插件非常适合动态缩放和重新缩放图像地图。您可以调用一次，它会处理页面上的所有图像映射。如果发生改变图像尺寸的事情，它甚至会重新缩放图像映射。

https://github.com/stowball/jQuery-rwdImageMaps。

如果您不只是使用 div 来解决图像映射缩放问题，您可以在您的 div 中放置一个空白图像（完全透明的 .gif 或 .png），并应用图像映射并将其宽度和高度设置为100%。