Simple JSFiddle sample javascript / html5 canvas

I need to create an empty rectangle (with a border) inside an html5 canvas . This representing a room floorplan. I then need to have a 'door' and 'window' icon images outside the canvas so that the user can drag and drop either of these unlimited times onto the rectangle to represent where the door[s] and window[s] are located on the floorplan. (See attached image) After which I need some way of sending this canvas to the admin via a form on a button click. I assume this is either via sending the image as an attachment to the form email, or including the base64 representation of the canvas image in an email Please create a JS fiddle with this functinality Example door image: [login to view URL] Example window image: [login to view URL]