窗口调整大小后重新计算图像映射

Question

我有一个有趣的问题：

我的女朋友（画家......）想要一个这样的网页：

1. 第一页只是一个图像，通过所有屏幕 - 没有滑块等。因此，存在为不同分辨率调整图像大小的问题。
2. 在此图像上是一些窗口，用户可以在其中浏览页面的其余部分。

解：

1. 所以，对于第一个问题，有一个很好的解决方案 - jquery。它很棒，没问题。

2. 对于第二个问题，有图像地图，工作正常。

问题：

如何组合第一个和第二个解决方案？我还没有找到解决方案的唯一问题是如何动态计算多边形形状的imagemap坐标。 （即无论屏幕分辨率如何，图像映射属性将始终保持在正确的位置）。

对于矩形形状，我找到了this。聚形状怎么样？

有人对如何实现这个有一些想法吗？

Answer 1

您可以将JQuery插件ImageMapster用于图像映射。 这个插件可以在resizig之后重新计算区域并具有其他有用的功能。

如果您希望编写自己的解决方案，我想探索插件的代码可以帮助您调整大小。

Answer 2

解决方案应该与rect形状相同，因为在这两种情况下你只是缩放坐标。

一个点是一个点，两个形状都由点组成。