Question

我需要一些开源解决方案的建议，以便在我的网站上创建图像地图，然后能够保存图像地图并在单独的页面上查看它们。

我还希望能够将每个选定的区域保存为单独的图像文件（jpeg / gif / png）。

有人有任何建议吗？

我遇到过这个问题： http://www.maschek.hu/imagemap/imgmap 但它很老了，而且用户不太友好。虽然它确实提供了生成的代码，但是缺少保存图像映射的能力。

另外，如果自己创建它会更容易，我会提供教程/说明。

谢谢。

Answer 1

如果您使用图像地图，我建议您查看ImageMapster JQuery plugin，它可以帮助解决许多图像映射操作任务。

保存图像地图的任务可以单独查看它们是非常不合理且难以实现的，我想你应该再想一想，如果你真的需要这个。

Answer 2

您可以使用DIV在图片中创建background，然后将float个absolute位置放在其他div内，这将作为链接：

<div style="width:500px; height:500px; background: #FAFAFA url('someImage.png') center center;">
    <div style="width:250px; height:250px; float:left;" onclick="location.href='http://someurl.com'"></div>
    <div style="width:250px; height:250px; position:absolute; top:20px; right:5px" onclick="location.href='http://someurl.com'"></div>
</div>

在网站上创建ImageMap - 建议

2 个答案: