title: How to load image on canvas and put markers on click
body: <p>Hello there I am working on a  final year project app and I don't have much experience with HTML5.</p>
  
  <p>I am attempting to create a simple canvas which loads up an image on start and when the image is loaded, I want to be able to put markers on the image, like how google maps allows markers to be placed .... The marker will most probably an image but I need to calculate the X and Y position and show the coordinates of every marker that is placed on originally loaded image .....</p>
  
  <p>The markers could be stored as an array in javascript, or could be ajax in as it could be updated and the map will need to be refreshed</p>
  
  <p>Thanks in advance for any kind of help. Much appreciated</p>