5

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

例如,我有这张图片:

点击这里查看图片...

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

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

ETC...

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

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

在线图像地图编辑器

是否有任何 jquery 插件已经完成这项工作,或者我如何通过使用 jquery 或 javascript 来完成这项工作。

提前谢谢你

4

2 回答 2

2

查看 ImageMapster jQuery 插件: http ://www.outsharked.com/imagemapster/default.aspx?demos.html

于 2012-10-14T13:56:49.120 回答
2

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

希望能帮助到你。

于 2013-07-27T10:58:15.573 回答