有这样的jquery工具吗？

我需要为客户的网站“建立”图像。将有一个核心图像，然后几个其他可互换的图像将堆叠在它的顶部

因此，在站点的管理部分，用户将能够查看核心图像并单击它以设置点（我们称之为注册点），该点将设置其他图像在最终图像生成时显示的位置

只是想知道是否有人做过类似的事情，或者是否有某种jquery工具可以真正帮助我完成这项工作

---

提前感谢您的帮助。

无法为您找到一个，因此您必须自己构建它

我在这里做了一个小演示，管理员可以点击地图并使用html5画布插入标记

您还需要做的是存储数据并将其作为json数组提供给live页面

这里有一些松散的结尾，但请注意顶部图像上的点击是如何由底部地图上的标志表示的。中间的文本框保存您需要存储和显示的数据

希望它能为您提供解决方案

编辑：

更新版本显示使用绝对定位div的解决方案。注意父分区上的位置：relative。可能是什么导致了您的管理部分出现问题

缺点：没有一张图片。。 赞成：不是一个图像->易于附加的功能，如悬停/onclick的项目

---

谢谢你，斯汀。到目前为止，我是用同样的逻辑来保存分数的。但是，当我在管理中再次显示它们时，用户可以看到这些点的位置并进行任何更改，它们不会准确显示它们之前的位置。我基本上有一个以核心图像为背景的div，然后将div放在上面，其中包含点图像。看起来第一个div的大小会把其他div推得更低或者类似的东西。所以也许答案是使用canvas标签。我自己还没有使用canvas标签。使用它的旧浏览器不会遇到问题吗？用于html支持检查或其他。但如果您愿意将图像定位在“主”图像的顶部，则没有理由这样做。请参阅更新的JSFIDLE。请注意单击按钮以添加所需的图像。