A powerful web-based PDF presenter and annotation tool that enables users to present, annotate, and interact with PDF documents directly in their browser. Perfect for presentations, document reviews, and collaborative markup.
- 📄 PDF file upload and viewing
- 📱 Responsive design for various screen sizes
- 🔍 Adjustable viewport scaling
- ✏️ Freehand drawing with pen tool
- 🌈 Highlighter with adjustable opacity
- ⌨️ Text annotations
- ❌ Eraser tool
- 🎨 Color picker for customization
- ↩️ Undo functionality
- 🗑️ Clear all annotations
- 📖 Page-by-page navigation
- 📊 Page counter
- 🔄 Smooth page transitions
Ensure you have the following files:
- PDF.js library (pdf.min.js and pdf.worker.min.js)
- Fabric.js library (fabric.min.js)
- Font Awesome CSS
- Clone the repository:
git clone https://github.com/ayyoubzadeh/pdf-presenter.gitUsage 1.Open index.html in a web browser 2.Click the PDF icon to upload your PDF file 3.Use the toolbar to: Draw with the pen tool Highlight content Add text annotations Erase annotations Change colors Navigate between pages
💻 Technical Details Dependencies PDF.js v2.x or higher Fabric.js v5.x or higher Font Awesome v5.x or higher Browser Support Chrome (latest) Firefox (latest) Safari (latest) Edge (latest)
🤝 Contributing Contributions are welcome! Here's how you can help:
1.Fork the repository 2.Create a feature branch:
git checkout -b feature/YourFeature3.Commit your changes:
git commit -m 'Add some feature'4.Push to the branch:
git push origin feature/YourFeature5.Open a pull request
📝 License This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments PDF.js by Mozilla Fabric.js Font Awesome 📧 Contact Seyed Mohammad Ayyoubzadeh - [email protected]
Project Link: https://github.com/ayyoubzadeh/pdf-presenter
🔄 Version History 1.0.0 Initial Release Basic PDF viewing and annotation features