CSE 5542 Lab1
by Yongyao Huang


How to use:
1. open the index.html file in a browser.

2. Press keys ‘r’, ‘p’, ‘h’, ‘v’, ‘t’, and ‘q’, to specify whether you want to draw a circle, point, horizontal line, vertical line, triangle, or square, respectively.

3. Press keys ‘r’, ‘g’, ‘b’ to indicate the color of the shapes that will be drawn from now on in red, green, or blue, respectively.

4. Use the left mouse button to select a point on the screen and draw the shape.

5. You can change the color and type of shapes at any time by keystrokes and clicking on new points to draw additional shapes.

6. Press the key ‘d’ to re-display the screen.

7. Press key ‘c’ to clear the screen.


Bonus tasks I finish:
Add the circle shape with the key ‘r’. Note: press ‘r’ will also change the color to red.


Environment:
1. OS: Windows 11 Home, version--22H2
2. Browser: Google Chrome, version--109.0.5414.120 (Official Build) (64-bit)