通过点击图片(jquery或javascript)动态生成地图区域坐标

pic*_*sis 5 javascript jquery image map coordinates

我想知道是否有一种方法可以通过单击图像的某些部分来动态生成地图区域坐标。这是为了生成完整的图像图。

例如,我有此图像:

点击此处查看图片...

然后单击它,我想为每个定义的区域生成坐标,输出如下内容:

<input type="text" name="36" value="25,11,25,117,47,117,46,29,83,31,84,8" />
<input type="text" name="37" value="83,12,103,32" />
Run Code Online (Sandbox Code Playgroud)

等等...

然后,我将其保存在数据库中,以供以后使用和处理。

我想做一些类似于本网站的事情,但是更简单。我只需要在绘画时保持线条显示的功能,以供用户查看他在做什么,当然,还可以获取坐标。

在线图像地图编辑器

是否有任何已经完成这项工作的jquery插件,或者如何使用jquery或javascript完成此任务。

谢谢你