Closed

Simple drawing app

Description

Develop a drawing application that provides the following functionality:

It lets users create drawings using a combination of straight lines, circles and rectangles. For example, to draw a new straight line a user selects this shape type from some menu or toolbar, and clicks on the desired starting position on the canvas. The user then drags the mouse to the desired end position.

Lets users set the following graphic properties to be used for drawing new shapes: outline color, fill color, outline width.

Lets users select a previously drawn shape and perform an actions on it. For simplicity, when a shape is selected and actioned-upon, it becomes the top-most shape (i.e., it will have the highest z-index). Your application should support the following actions:

Erase the shape.

Move the shape to a new position on the canvas.

Resize the shape.

Change the shape's color, fill, and outline width.

Copy and paste.

Clear the canvas.

Requirements

This assignment evaluates the use of client-side Web technologies including HTML5, CSS3, JavaScript, JQuery, DOM, and Canvas. You will use these technologies to provide a pleasant experience for your Web site. Refrain from using server-side programming for this assignment; everything must happen on the client-side. Make sure to use CSS style sheets in favor of deprecated HTML tags and attributes.

Your application should be easy to use.

The main entry page for your site should be called index.html.

Make sure your site functions correctly in the CDF environment, specifically under Firefox version 21.0. TAs will not debug so test to ensure it works the first time!

Assume a fixed browser window size of 1024x768

Deliverables

Put all necessary files in one directory, and archive the directory into a single file using tar or a similar utility. Finally, submit your assignment using the BlackBoard system.

You electronic submission should include the following items:

Documentation for your Web site. Include a brief explanations of how it all works, e.g., list of main user-defined objects, and datastructures.

CSS file(s).

HTML file(s).

JavaScript file(s).

Finally, all deliverables should be neatly formatted, readable,and be properly documented .

Good luck!

Skills: CSS, HTML, Javascript

See more: drawing web application javascript, javascript drawing app, top web technologies, one drawing, html5 line, html5 dom, make web page app, graphic drawing, first copy technologies, dom programming, css style sheets, client side technologies, c datastructures, good web html5 page, starting app, javascript draw line, html5 canvas drawing, css3 test, canvas application, web app html5, utility app, tas, simple html5 css3, make drawing, make simple css change

About the Employer:
( 0 reviews ) safdsfdsfsdf, Canada

Project ID: #4631222

13 freelancers are bidding on average $1001 for this job

kchg

Hello, sir I'm interested with your project. I'll do it for you. Regards.

$1030 USD in 10 days
(15 Reviews)
5.8
sunsoftpro

I am interested this job. I have been working in Information Technology with many years' experience, especially in: Graphic design, template design, html5, css3, javascript, jquery, hosting, domain, window, linux, open More

$934 USD in 10 days
(27 Reviews)
5.0
html5css3php5

Hi i am well in jquery.we can talk?

$263 USD in 3 days
(21 Reviews)
4.3
zamoldar

ready to work

$1052 USD in 20 days
(3 Reviews)
3.6
seomaster212

Hi sir i am ready for work kindly check pm.

$3157 USD in 30 days
(10 Reviews)
3.3
zsekhniashvili

Hello, I can do your project. See my PMs.

$555 USD in 7 days
(4 Reviews)
2.8
kpom

Hi, This kind of drawing tool can be developed using html5 / canvas / fabric js frameworks. I have good experience in html5 + canvas work using fabric js framework, Below are work done using fabric js 1. http: More

$277 USD in 7 days
(1 Review)
2.6
baptistepernet

Hello, I can achieved that using RaphaelJS: It is fully compatible with every browser and follow W3C best recomendation: http://raphaeljs.com/

$200 USD in 5 days
(2 Reviews)
2.2
Faylixe

I can do it, i already such application for Playstation Portable few years ago. Please ask for more information. Regard.

$88 USD in 3 days
(2 Reviews)
1.6
pigeongram

Please check my PMB.

$888 USD in 20 days
(1 Review)
1.0
tienchauthanh

there is interesting job

$3555 USD in 30 days
(0 Reviews)
0.0
tree1891

Dear sir, I'm ready.

$222 USD in 30 days
(0 Reviews)
0.0