So, here is the situation: I need to take a (custom) graphic object and allow the user to define and mark the areas inside this graphic. For example, if you have uploaded a face image, you can define “right eye,” “left eye,” “nose,” etc. In addition, by defining areas, if I select a previously defined area, this should be emphasized in the image somehow. These regions are (obviously) not necessarily rectangular, and they cannot overlap. And if you click within a certain area on the chart, I can determine which region was clicked.
There are several ways that I can come up with for this, none of which are completely satisfactory. Another developer in front of me tried to do this with a transparent grid superimposed on the original graphics, messing around with an alpha / color background to highlight areas, but I think they destroyed it more likely. I could either fill my hands trying to clear my code, or try a completely new approach.
What do you offer for maximum speed and user convenience?
Bounty added: for a better solution that will launch me and run in the minimum amount of time.
source
share