there are couplpe options to do this on front-end.
1.USing this (https://github.com/delkant/angular-areas). This is a ready component which does it, but it needs to be wrapped for use with angular2, this is angualrjs code so needs to be migrated (guides are found on web.)
Writing the component by detecting the click positions and creating div elements, with relative positions and fill styles.
A ssolution uch as annotorious, but keep an eye to store the annotation data in our service, not annotorious.
After this, backend service should be extended to also support /image backend to get width, height, x,y of the image and create an annotation with that selector.
Front-end should also be working with previously created annotations, it should list them.
Annotations on images should be creatable.
there are couplpe options to do this on front-end.
1.USing this (https://github.com/delkant/angular-areas). This is a ready component which does it, but it needs to be wrapped for use with angular2, this is angualrjs code so needs to be migrated (guides are found on web.)
After this, backend service should be extended to also support /image backend to get width, height, x,y of the image and create an annotation with that selector.
Front-end should also be working with previously created annotations, it should list them.