Draw on image with mouse and place marker/pins with label?

How i can draw on a given background image with a current jQuery Version and placing pins points which refer to a text-label (example image) and saving the new image with a save button?

Is it better to use existing plugins or using slim functions?

Example image:

Example image