A program draw a rectangle on the screen

Reference no: EM132106370

You have a program draw a rectangle on the screen and allow the user to change the color/size of the rectangle. The program will store in the browser the settings of the color/size so that upon revisiting the page, the values are restored.

Set the dimensions of the canvas to 800x600

Have 3 (or more) colors available to draw a rectangle.

Draw a rectangle in the center of the screen the size100x50 pixels.

The user can press the arrow keys to change the shape of the rectangle, keeping the rectangle at the center of the screen.

After each change, save the settings of the dimensions/color to the browser's localStorage

When the user closes (or revisits the page), the rectangle and colors should be the same choice and size as the way the user last left it.

Offer a reset button, to reset the program to the default colors/size.

Make sure you user interface reflects what is drawn on the screen (this is importance when setting the values from the localStorage).

Using HTML, CSS, or Javascript

Reference no: EM132106370

Questions Cloud

Thoughts on the view held by many scientists : What are your thoughts on the view held by many scientists that our feelings, emotions, and even a sense of our spirituality are linked to chemicals in our brai

Develop a windows application that will allow user to play : Develop a C# windows application that will allow a user to play an animal simulation game.

Think in terms of personality : Although two people are both 65, why would one seem much older than the other? Think in terms of personality, physical development/genetics, environment, etc.

Piece of getting through a degree program : Self-care is a vital piece of getting through a degree program. Share what sort of self-care plan you have in place, if any.

A program draw a rectangle on the screen : You have a program draw a rectangle on the screen and allow the user to change the color/size of the rectangle.

Qualitative methods of describing a type of behavior : Please compare quantitative and qualitative methods of describing a type of behavior.

How does pc change after executing a 16-bit instruction : How does PC change after executing a 16-bit instruction? An arithmetic and logic unit (ALU) performs integer and logic operations.

When solving for anova can f have a negative value : When solving for ANOVA, can F have a negative value? Can SS have a negative value?

Create an array of structures containing structure members : Create an array of structures containing the structure members as defined .The program needs to be able to handle data for up to 500 books.

User Account

All Pages