Canvas Drawing App

Overview

This is a simple HTML5 Canvas drawing application that allows users to draw on a canvas using customizable colors and brush widths. Additionally, it features a "Magic Color" mode that cycles through different colors dynamically.

Features

• Draw on the canvas using the mouse.
• Choose a custom stroke color.
• Adjust the brush width using a range slider.
• Enable "Magic Color" mode to cycle through colors dynamically.
• Disable "Magic Color" mode to return to the selected color.

Technologies Used

• HTML
• CSS
• JavaScript

How to Use

1. Open index.html in a browser.
2. Use the color picker to select a drawing color.
3. Adjust the brush width using a range slider.
4. Click and drag the mouse on the canvas to draw.
5. Click the "Magic color✨" button to enable dynamic color cycling.
6. Click the "Disable Magic color✨" button to revert to the selected color.
7. Stop drawing by releasing the mouse button.

Files

index.html  - Contains the structure of the web page.
index.css   - Contains styles for the canvas and UI elements.
index.js    - Implements the drawing functionality and event handling.

Future Enhancements

• Add an eraser tool.
• Implement undo/redo functionality.
• Save and load drawings.
• Mobile touch support.

License

This project is open-source and free to use for learning and personal projects.