InkFlow Canvas

InkFlow Canvas

A web-based, intuitive, and feature-rich digital canvas for all your creative needs.

View Demo · Report Bug · Request Feature

About

InkFlow Canvas is a versatile and user-friendly web application that provides a digital canvas for freehand drawing, shape creation, and other creative tasks. It's designed to be intuitive for both beginners and experienced artists, offering a range of tools to bring your ideas to life.

✨ Features

• ✏️ Freehand Drawing: Smooth and responsive pencil tool for sketching and drawing.
• 🔷 Shape Tools: A wide variety of shapes including rectangles, circles, triangles, and more.
• 🎨 Customization: Adjust brush size, color, and opacity to your liking.
• ↩️ Undo/Redo: Easily correct mistakes and navigate through your drawing history.
• 💾 Save & Export: Save your work locally and export it in various formats (PNG, JPG, SVG).
• 🌗 Light/Dark Mode: Switch between light and dark themes for a comfortable viewing experience.
• ⌨️ Keyboard Shortcuts: A rich set of keyboard shortcuts for quick access to tools and actions.
• 🔍 Zoom & Pan: Navigate the canvas with ease using zoom and pan controls.
• 🖼️ Image Upload: Upload images directly to your canvas.
• - ✒️ Text Tool: Add and edit text on your canvas.

🛠️ Tools

Tool	Shortcut	Description
Pan	X or 1	Pan across the canvas.
Pointer	Y or 2	Select and move objects.
Rectangle	R or 3	Draw a rectangle.
Circle	C or 4	Draw a circle.
Arrow	A or 5	Draw an arrow.
Pencil	P or 6	Freehand drawing.
Eraser	E or 7	Erase parts of your drawing.
Text	T or 8	Add text to the canvas.
Image	I or 9	Upload an image.
Theme	Q or *	Toggle between light and dark mode.
Undo	Ctrl + Z	Undo the last action.
Redo	Ctrl + Y	Redo the last undone action.
Clear All	Ctrl + D	Clear the entire canvas.
Search	/	Search for tools and colors.

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser that supports HTML5 and JavaScript.

Installation

1. Clone the repo

   git clone https://github.com/ez-vivek/InkFlow-Canvas.git

2. Navigate to the project directory

   cd InkFlow-Canvas

3. Open index.html in your browser.

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📜 License

Distributed under the MIT License. See LICENSE for more information.