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

Question

我有一个有趣的问题：

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

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

解决方案：

1. 所以，对于第一个问题，有一个很好的解决方案——jquery。效果很好，没问题。

2. 对于第二个问题，有图像映射，效果很好。

问题：

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

对于矩形形状，我发现了这个。多边形的形状呢？

有人对如何做到这一点有一些想法吗？

Answer 1

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

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

Answer 2

解决方案应该与矩形形状的解决方案相同，因为您只是在两种情况下都缩放坐标。

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