Konva Drawing App

This project is a React-based drawing application using the Konva library. Users can draw shapes, scribble, add text, and images, and export their creations as an image file.

Features

• Draw Shapes: Rectangle, Circle, Arrow, Scribble.
• Text: Add and edit text.
• Image: Import and position images.
• Undo: Undo the last action with Ctrl + Z.
• Eraser: Erase shapes.
• Export: Export the drawing as an image file.
• Color Selection: Choose stroke and fill colors for shapes.

Technologies Used

• Dependencies
  • React
  • Konva
  • react-konva
  • uuid
  • react-icons

Installation

1. Clone the repository

      git clone https://github.com/Sahil873/WhiteBoard.git
      cd konva-drawing-app

2. Install Dependencies

   npm install

3. Run the application

   npm run dev

Usage

• Select Tool: Click on the desired tool from the toolbar at the top.
• Draw: Click and drag on the canvas to draw shapes.
• Text: Double-click on the canvas to add text.
• Image: Click the photo icon to import an image.
• Undo: Press Ctrl + Z to undo the last action.
• Erase: Click on shapes with the eraser tool to remove them.
• Export: Click the download icon to export the drawing as an image.