A simple drawing canvas built with React. This app allows users to draw various shapes, add text, and pan/zoom the canvas with ease. It also features an eraser tool, color selection, and stroke customization.
Features Freehand Drawing: Draw lines and shapes on the canvas. Shape Drawing: Create rectangles, ellipses, and straight lines. Text: Add customizable text elements to the canvas. Zoom & Pan: Navigate the canvas using zoom and pan. Eraser Tool: Remove elements by selecting the eraser. Color & Stroke Customization: Change the color and stroke width of your drawings. Getting Started Prerequisites Node.js npm or yarn Installation Clone the repository:
Copy code git clone https://github.com/tushitgrg/onedraww.git cd drawing-canvas-app Install the dependencies:
Copy code npm install
yarn install Start the development server:
Copy code npm start
yarn start Open the app in your browser at http://localhost:5173.
Usage Choose a tool (freehand drawing, shape drawing, text, eraser, etc.) from the toolbar. Customize the stroke width, color, or fill as needed. Click and drag on the canvas to draw or manipulate elements. Pan and zoom with your mouse or trackpad. Contributing Feel free to submit issues or pull requests. All contributions are welcome!
License This project is licensed under the MIT License - see the LICENSE file for details.