Canvas 2D Drawing Lab

In this lab, you will learn to draw various shapes and lines using the CanvasRenderingContext2D object on the HTML Canvas element. The main goal is to gain familiarity with different drawing methods, such as fillRect, strokeRect, arc, and lineTo.

You will start by creating a simple 2D context and using it to draw rectangles and lines. Then, you'll combine these basic operations to form more complex shapes, such as circles and polygons. Finally, you'll learn about the transformation methods that can be used to manipulate drawings, including translation, scaling, and rotation. This lab will build your foundational skills in using the HTML Canvas with JavaScript to create interactive graphics and animations.