Question

我想知道是否有办法通过点击图像的某些部分动态生成地图区域坐标。这是为了生成完整的图像映射。

举个例子，我有这张图片：

并点击它，我想为每个定义的区域生成坐标，输出如下内容：

<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" />

等...

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

我想做类似于这个网站的事情，但更简单。我只需要保持显示线条的功能，同时绘制用户以查看他正在做什么，然后，当然，检索坐标。

是否有任何jquery插件已经完成这项工作，或者我如何通过使用jquery或javascript来实现这一目标。

谢谢你

Answer 1

Answer 2

我们有相同的要求。我们最终使用了这个jQuery插件：http://odyniec.net/projects/imgareaselect/

希望它有所帮助。