v1 Image Annotation Project


The following is a proof of concept of code that allows users to annotate an image. The user double-clicks at some point on the image, after which the clicked area has a circular element on it and an element that includes user input comes up. When user input is submitted, a new element, as a comment, appears that has a class corresponding to the area around which the user clicked. Single clicks on such an area make only the comments for that area come up. There is also a button that toggles showing all comments, which only shows up if there has been at least one comment.

sample image