窗口之後，重新計算圖像映射調整

Question

我有一個有趣的問題：

我girfriend（畫家...）希望有一個網頁是這樣的：

1. 的第一頁是隻是一個形象，通過所有屏幕 - 沒有滑塊等。因此，對於不同分辨率的圖像調整大小存在問題。
2. 在這個圖像是一些窗口，用戶可以瀏覽頁面的其餘部分。

的解決方案：

1. 因此，對於第一個問題有一個很好的解決方案 - jQuery的。它很好，沒問題。

2. 對於第二個問題，有圖像映射，它工作正常。

問題：

如何合併第一和第二的解決方案？我還沒有找到解決方案的唯一問題是如何動態計算多邊形形狀的圖像座標。 （即無論屏幕分辨率是多少，圖像屬性將始終保持在正確的位置）。

對於矩形形狀，我發現this。怎麼樣的聚形狀？

有人對如何實現這一點有一些想法嗎？

Answer 1

該解決方案應該與它的矩形相同，因爲在這兩種情況下你只是縮放座標。

一個點是一個點，兩個形狀都是由點組成的。

Answer 2

您可以將JQuery插件ImageMapster用於圖像映射。 這個插件可以對resizig後的區域進行重新計數，並具有其他有用的功能。

永遠如果你想寫自己的解決方案，我想探索插件的代碼可以幫助你調整大小的任務。