Screenshot Tool

A lightweight and user-friendly screenshot tool built with TypeScript, featuring an anime-style UI design.

✨ Features

• 🖼️ Full screen and region capture
• ✏️ Drawing tools:
  • Pen tool for free-hand drawing
  • Text tool for adding annotations
  • Arrow tool for pointing
  • Mosaic tool for privacy protection
• 🎨 Anime-style UI design
• 💾 Save screenshots locally
• ↩️ Undo/Redo support
• 🖱️ Intuitive mouse controls

🚀 Getting Started

Prerequisites

• Node.js (v14 or above)
• pnpm

Installation

1. Clone the repository:

git clone https://github.com/RadiumAg/js-screenshot
cd js-screenshot

2. Install dependencies:

pnpm install

3. Start the development server:

pnpm dev

🎯 Usage

1. Click the "Screenshot" button to start capturing
2. Select the area you want to capture by dragging
3. Use the toolbar to edit your screenshot:
   • Pen: Free-hand drawing
   • Text: Add text annotations
   • Arrow: Draw arrows
   • Mosaic: Blur sensitive information
4. Click "Save" to download your screenshot
5. Click "Cancel" to discard and start over

🛠️ Tech Stack

• TypeScript
• HTML5 Canvas
• WebRTC (for screen capture)
• Modern CSS (with modules)

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to check the issues page.

🙏 Acknowledgments

• Icons and UI design inspired by anime aesthetics
• Built with modern web technologies
• Special thanks to all contributors