title: Overlay HTML5 canvas over image
body: <p>I want to have an image which is uploaded from my database and on top of it the exact same size in the same position is a HTML5 canvas.</p>
  
  <p>Most of the solutions I have found I have been using JQuery/JavaScript, however I want a similar solution if possible just using CSS3 as the images are being outputted from a database and there can be more than one image on the page and each image will have a canvas.</p>
  
  <p>How can I achieve this?</p>