Drawing-JS

Author: Bocaletto Luca

Drawing‑JS is an advanced HTML5 Canvas drawing application that enables freehand drawing, eraser, shape tools (rectangle, circle, line) and text input with adjustable options (size, opacity, shadow, and gradient). With undo/redo and local auto‑save features, you can export your artwork as PNG or JPEG.

Table of Contents

• Features
• Technology Stack
• Installation & Usage
• Screenshots
• License
• Topics
• Contact

Features

• Multi-Tool Drawing:
  Draw freehand with a brush, erase, or use shape tools (rectangle, circle, line).
• Text Input:
  Add text with a selectable size (in px).
• Adjustable Options:
  Modify brush size, opacity, and enable shadow & gradient effects with live value display.
• Undo/Redo:
  Revert actions easily.
• Auto-Save:
  Your work is automatically saved using HTML5 Local Storage.
• Export:
  Save your drawing as PNG or JPEG.

Technology Stack

• HTML5 & Canvas API
• JavaScript (ES6)
• Bootstrap 5
• Local Storage API

Installation & Usage

1. Clone the Repository:

   git clone https://github.com/bocaletto-luca/Drawing-JS.git
   cd Drawing-JS