Web Annotation Tool Chrome Extension

Enhance your browsing experience with the Web Annotation Tool, a Chrome extension that allows you to draw on any webpage, add text annotations, create shapes, and blur out sensitive information with ease. Perfect for professionals and casual users alike who want to highlight, focus, or obscure parts of a web page for presentations, feedback, or personal note-taking.

Features

• Draw on Webpages: Freely draw arrows, circles, and rectangles to highlight important information.
• Text Annotations: Add customizable text notes directly onto any webpage.
• Blur Background: Focus on specific page elements by blurring out the rest with a simple hotkey.
• Customizable Colors: Personalize the color of your annotations to suit your style or presentation needs.
• Easy Activation: Simply click the extension icon to enable annotation features on any webpage.
• Hotkeys for Efficiency: Quick access to tools with hotkeys ('A' for arrows, 'C' for circles, 'R' for rectangles, 'T' for triangle, 'W' for textBox, and 'B' to blur).

Getting Started

Installation

1. Clone this repository to your local machine.

   git clone https://github.com/TahirAlauddin/Ammotation.git

2. Navigate to chrome://extensions in your Chrome browser.
3. Enable "Developer mode" at the top right corner.
4. Click "Load unpacked" and select the directory where you cloned this repo.
5. The extension should now appear in your extensions list and is ready to use.

Usage

• Click the extension icon to activate annotation mode on any webpage.
• Use the designated hotkeys or the extension popup menu to select annotation tools.
• Click the escape key to exit annotation mode and clear all annotations.

For Developers

Development Setup

Download html2canvas.js file and place it directly in the project directory.

Contributing

We welcome contributions! Please feel free to fork the repository, make your changes, and submit a pull request.

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

License

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

Acknowledgments

• This project was built with the aim to improve web interaction for educational, professional, and personal use.