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]
14 freelancers are bidding on average $27 for this job
Hi, i have read your job post and i am sure, i can do that, i have more then 7 years experience in designing & development. I can start your work right now... Thanks Somveer