This is a simple drawing tool project built using HTML, CSS, and vanilla JavaScript. The tool provides users with various drawing functionalities, including:
- Drawing with random colors
- Drawing with auto line width
- Line cap properties
- Line width properties
- Global composition operation properties
- Save functionality
To get started with this project, simply clone the repository to your local machine and open the index.html file in your browser. You can then use the various drawing functionalities to express your creativity and create beautiful art pieces.
The drawing tool allows you to draw on a canvas using your mouse cursor. You can change the color of your brush by clicking on the color palette button, which will generate a random color every time you click it. The auto line width feature ensures that the thickness of your brush strokes changes automatically based on your drawing speed, while the line cap properties allow you to choose between different line cap styles such as round, square, and butt.
The line width properties enable you to choose between different line thicknesses, and the global composition operation properties allow you to set the blending mode for your drawing, such as source-over, destination-out, and more. Finally, the save functionality enables you to save your artwork as an image file for future reference or sharing with others.
Contributions to this project are welcome! If you have any ideas for new features or improvements, please feel free to open an issue or a pull request.