Buscador de áreas de imágen

original

La intención de este reto es obtener usando Ajax, el área que se corresponda con el sitio que se pinche de una imágen. La imagen original es la que se encuentra a la derecha de este párrafo, y puede regenerarse simplemente pinchando sobre la misma.

El funcionamiento simplente es obtener las coordenadas que delimitan la zona en cuestión. Luego iniciar la captura de puntos, previa nominación, que servirá para poder referenciar la forma desde los controles existentes (mostrar y borrar).

Nótese que automáticamente se generan los elementos para crear un efecto rollover sobre el área obtenida.

Primer paso: selección del área
Pulse sobre el área
Información

Primeramente debemos pinchar en la zona de la imagen donde queremos capturar el objeto/área.

Cuando decida qué area desea conseguiremos la referencia de coordenadas, y el color consecuente en esa coordenada. Si decide elegir otra coordenada para la captura vuelva a pulsar sobre la imagen.

Visor

transparencia

Paleta de colores