圖像大小調整

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