图像大小调整

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％。