Closed

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: jsfiddle canvas draw, jsfiddle draw, canvas coordinates, jsfiddle canvas circle, canvas example fiddle, html5 canvas table example, html5 canvas background image, javascript canvas practice, Convert a java app to javascript / html5 / canvas, javascript html5 canvas, simple venn diagram html5 canvas, mesh javascript html5 canvas, simple html5 canvas, javascript html5 calculator simple, sample javascript time counter

About the Employer:
( 7 reviews ) London, United Kingdom

Project ID: #16737010

7 freelancers are bidding on average $24 for this job

navjootkaur

Hi, You are looking for a expert website designer. You are looking for Simple JSFiddle sample javascript / html5 canvas. I have strong knowledge and 7+ years experience in designing any type of website in all platf More

$30 USD in 1 day
(75 Reviews)
5.6
farhan1991

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 :)

$25 USD in 1 day
(25 Reviews)
4.7
DrashtiThakkar

Hello, I checked your job post and I would love to work on your project. I have expertise in web Developments. so I am ready to accept any kind of challenges related to it. If you have any queries please fe More

$20 USD in 2 days
(0 Reviews)
0.0
hkbofficial4

i have strong programming skills. i am quite good in c language, core java, html5, ccs3, javascript,python etc. i have less than 1 year experience in web development and desktop software developer also. i am interesti More

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

Hello. Nice to meet you. I am proficient in CSS, HTML, HTML5, Javascript. I have a lot of experience using CSS, HTML, HTML5, Javascript. I have over 8 years of experiences around the CSS, HTML, HTML5, Javascript. More

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