canvas html

An application is required to be used in web and tablets, with the following characteristics

1. HTML5

2. CSS 3

3. JAVASCRIPT

4. Responsive

Functional requirement

1. A HTML that allows you to create a plane with different dimensions, that is, 3x3, 4x4, 5x5, etc, as well to.

The dimensions are NOT symmetric about the vertical axis and horizontal axis, that is, if it is 3 x 3, the horizontal axis can be 1, 2, and 3, and the vertical axis 6, 9 and 12. But everything depends on what the end user defines

b. Once the plane is armed on the screen, you should be able to enter a png or jpg image as the background of the plane. Select an image and put it at the bottom of the plane

c. Once the plane is armed with a canvas on the screen, you should be able to see the internal points that make up that plane and define what the user wants them to be taken as points to form an particular image.

The order in which you click on the points of the plan is important, as well as the selected points, which must be saved in a text file, so that this text file can be loaded in another HTML screen

d. In each coordinate or point that defines in the plane, if I want I can define a text associated to that point, which must be shown in the second screen, described in number 2

e. If I'm wrong, I should be able to correct and define the point again.

2. A second screen with a cartesian plane, which when loading the text file created by the previous screen (numeral 1), is executed with the vertical and horizontal axes according to the maximum value of the coordinate found in the text [login to view URL] screen should also allow loading the background image

b. You must validate that the points are joined in the strict order in which they were saved in the text file created in the previous screen.

c. If the user chooses a point that does not correspond to the order that defines the plane, an alert must be shown indicating that the point is wrong. If you have made more than five failed attempts, the screen must be loaded again and the user must begin to join the points of the plane again.

d. Once all the points read in the flat file are joined, you must be able to color the images inside the figure.

and. Once all the points read in the flat file are joined, the pencil should no longer be enabled, but the brush should proceed to color.

the points loaded from the flat file must be highlighted so that the user can join them

F. If I'm wrong, I should be able to correct and define the point again

g. Once I finish joining the dots and coloring the image, I should be able to save it in an image and send it by mail.

I have a source code that I can deliver and that has several features described above.

see attached files of how they should be configured and use the canvas plans

CSS HTML HTML5 JavaScript jQuery / Prototype

Project ID: #16460548

About the project