Jquery 多分辨率图像区域地图，即x y坐标中的热点

我在我的图像上使用一个面积图，允许用户选择执行各种JavaScript功能的点

形状的坐标被硬编码到html页面中，因为这允许我的脚本在不同的页面上工作。不幸的是，我现在需要让页面以不同的分辨率工作，这也要求图片以父Div的百分比进行缩放（客户要求，在这方面没有解决办法）

由于面积图使用坐标和百分比还不受支持，我想知道最好的方法应该是什么

我能想到的唯一选择是：

基于html为每个点创建Div，并%放置它们

将坐标传递到JavaScript中，根据当前屏幕大小计算出它们的百分比，然后将它们转换回坐标

问问互联网，祈祷有人遇到了这个问题并找到了一个天才的解决方案：）

---

您可以在页面加载和window.resize上用javascript重新计算坐标。使用jQuerys

width（）

和

height（）

函数，您可以获得当前图像大小，将其除以父

div

的宽度和高度，并将这些因子应用于图像地图坐标

我认为这就是jQuery插件的基本功能（未经测试！）：

---

另一个解决方案是使用CSS转换（如果您不喜欢传统浏览器支持；-）。您可以检查当前的document.width（）和document.height（）值，然后对

img

和

map

标记应用一个比例值。

您的选项1对我来说听起来是个不错的解决方案，有可单击的元素可以完全绕过贴图。我担心您会这么说。这似乎是最符合逻辑的方式，但需要我重新编写很多内容：（不知道在chrome实现map percentagesOk之前多久，通过更多的搜索，我发现了类似的问题。如果我已经找到答案，我可能会记下来。是的！好的，这就是我担心的我必须做的。谢谢。我可以看到向后兼容性存在问题，但这不是一个要求……还没有。很好的链接。我还没有实际上，我在其他问题上找到了此链接，所以我将保留此问题。再次感谢。现在要测试此问题。希望我没有太快激动。工作正常。但需要一些调整才能正确。谢谢