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]

Beceriler: CSS, HTML, HTML5, Javascript

Daha fazlasını gör: 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, crm picklist sample javascript, php calendar sample javascript, sample javascript validate pulldown menu, javascript draggable canvas, sample javascript combo box

İşveren Hakkında:
( 7 değerlendirme ) London, United Kingdom

Proje NO: #16737010

Bu iş için 7 freelancer ortalamada $24 teklif veriyor

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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(75 Değerlendirme)
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 :)

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(25 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde20%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
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. Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0