图像映射重新调整大小

Question

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

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

但使用备选选项：输入一个边界区域，地图将被剪切到该区域内。

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

Answer 1

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

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

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