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]
7 freelancers are bidding on average $24 for this job
Hello Sir. I have 5 years of experience in web development. This is a very easy task I am interested to work for you on this project. Just message me so that we can start waiting for your positive response :)