选择图片中的多个区域答案

【问题标题】：Select multiple areas in a picture选择图片中的多个区域
【发布时间】：2011-10-13 14:49:37
【问题描述】：

我需要达到这样的目标：

如您所见，我们有一张主板的基本图片，然后突出显示了这张图片的 2 个特定区域。在左侧，我们有一个组件图像，用户必须选择其中一个突出显示的区域。

我检查了 jQuery JCrop、Mootools Moocrop……但似乎都没有。我想要的是设置一个基本的大图并在那里选择 2 个或更多区域。我会将坐标存储在数据库中。

之后，我将加载带有区域的图片并要求用户选择一个区域，就像图片中一样。

有没有人知道我怎样才能做到这一点？

【问题讨论】：

您希望用户点击某些点，还是拖动选择整个区域？第一个会更容易实现，并且对用户来说也可能更直观。
一种方法：对图片进行切片，以便可以选择的两个部分都可以与 HTML a 标签链接。然后用户可以点击一个链接。你甚至不需要 javascript。
@mblase75 第一种方式。
@hakre 我正在构建的将是一个表单构建器或类似的东西。首先，技术人员将上传一张图片并在这张图片中选择 2 个或更多区域，将所有信息保存到数据库中。当用户加载页面后，必须选择其中一个区域。我认为我应该使用 javascript 存储区域坐标或其他东西来构建它

【解决方案1】：

忽略突出显示区域的实际机制，如果您想让这些区域可点击或以其他方式 JS 可操作，您可以使用老式的HTML image map。

【讨论】：

【解决方案2】：

【讨论】：