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]

Skills: CSS, HTML, HTML5, Javascript

See more: Convert a java app to javascript / html5 / canvas, javascript html5 canvas, simple venn diagram html5 canvas, canvas coordinates, canvas example fiddle, jsfiddle draw, jsfiddle canvas circle, jsfiddle canvas draw, html5 canvas table example, javascript canvas practice, html5 canvas background image, css, html, javascript, html5, mesh javascript html5 canvas, simple html5 canvas, javascript html5 calculator simple, simple file manager javascript php, simple website sample

About the Employer:
( 0 reviews ) Georgia

Project ID: #16737318

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

$50 USD in 1 day
(109 Reviews)

Hello Sir/Mam, i am expert in web designing + HTML5 + javascrit etc. I have read your job post that you are looking for Simple JSFiddle sample javascript / html5 canvas. I have more than Five years experienced in C More

$30 USD in 1 day
(75 Reviews)

Hello, I am interested in the project, As I have experience on WordPress,PHP,PSD to HTML,CSS,CSS3,HTML5,Ruby on Rails We group of people working as a team on website design and development since a decade Look More

$30 USD in 1 day
(45 Reviews)

Hello ! thank you for your post. I have read the your description carefully. I have the sufficient experience(more 5 years) in developing of web app/hybrid app(animation, game, drag/drop, editing/processing image, More

$15 USD in 0 days
(11 Reviews)

Let me introduce myself here my profiles [login to view URL] Https://[login to view URL] I can handle this script regards, alex.

$50 USD in 3 days
(4 Reviews)

JavaScript Expert here .. Ready to take this task available right now to discuss ! Contact me now 100% Completion rate Check my profile Skills and Experience in Angular Js, React Js, WebSite development, Chrome Ext More

$25 USD in 1 day
(15 Reviews)

Hello, I am a proficient developer with 6+ years of dedicated experience in Frontend Development and I have built a lot of work in converting PSD, PDF, JPG, AI to HTML/CSS/JS. So that I think I can finish this job More

$25 USD in 1 day
(9 Reviews)

Hello, As I have seen your Job Post I am ready to work I am having extensive experience in Bootstrap, HTML5, CSS3, Javascript, jQuery. Also, I have good experience in Graphic design so I will handle all tasks More

$25 USD in 1 day
(5 Reviews)

Hi, I am an experienced programmer,. I have excellent skills with PHP, javascript, css and others. I'm sure I can perfectly help your project on time. Please ping me to discuss your project more detail. Thank you.

$25 USD in 1 day
(0 Reviews)

saya seorang mahasiswa, di bidang IT Relevant Skills and Experience saya bisa menulis script mulai dari java, c++, dll

$20 USD in 1 day
(0 Reviews)
$15 USD in 1 day
(0 Reviews)

I can do this work for you probably in 2-3 hrs. I am really exited to work with you. Looking forward to your approval

$15 USD in 1 day
(0 Reviews)

I will do your work in 20$, by 100%quality.1day

$25 USD in 1 day
(0 Reviews)
$25 USD in 1 day
(0 Reviews)