Shape Drawing Tool

This is a simple web-based tool that allows users to draw shapes by dragging on a canvas.

Features

1. Users can create points on the canvas by clicking anywhere.
2. Draw line segments by clicking and dragging on the canvas.
3. Distance measurement displayed between points.
4. Ability to move points after creating a polygon.
5. On screen display of instructions, number of points and polygon features.

To use the Shape Drawing Tool, follow these steps:

1. Clone the repository or download the source code to your local machine.
2. Open the index.html file in a web browser.
3. Click and drag on the canvas to draw line segments and shapes.

Usage

1. Creating Points: Click on the canvas to create points. Points can be used as endpoints for line segments or as vertices for shapes.
2. Drawing Line Segments: Click and drag on the canvas to draw line segments. Release the mouse button to finish drawing a segment.
3. Moving Points: After creating a polygon, you can move points by clicking and dragging them to change the angle and distance of connected line segments.
4. Distance and Angle Labels: Distance between points is displayed in centimeters. Angles between connected segments are displayed in degrees.

Notes

Distance measurement is displayed between points in centimeters. To clear the canvas and start over, refresh the web page.

Technologies Used

HTML CSS JavaScript