选择图片中的多个区域

Question

我需要达到这样的目标：

正如您所看到的，我们有一块主板的基本图片，然后突出显示了这些图片的2个细节区域。在左侧，我们有一个组件图像，用户必须选择其中一个高亮区域。

我检查过jQuery JCrop，Mootools Moocrop ......但似乎没有一个看起来有效。我想要的是设置一个基本的大图并在那里选择2个或更多区域。我将coordenates存储在数据库中。

之后，我将加载带有区域的图片并要求用户选择一个区域，如图所示。

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

Answer 1

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

Answer 2

我认为这个http://www.sanisoft.com/blog/2009/01/23/img-notes-v02-a-couple-of-bug-fixes-and-some-more/可以帮助你改变JS中的一些变化。