一个基于浏览器的PDF注释工具,支持在PDF文档上添加手绘、线条和文本注释,完全在前端运行,无需后端服务。
- 🔍 PDF文件预览
- ✏️ 多种注释工具
- 手绘模式:自由绘制注释
- 线条模式:绘制直线
- 文本模式:添加文字注释
- 💾 注释导出功能
- 🌐 纯前端实现,无需后端服务
- 📱 响应式设计,支持多种设备
- PDF.js:用于PDF文件的渲染和处理
- jsPDF:用于PDF文件的导出
- 原生JavaScript:实现交互功能
- HTML5 Canvas:实现绘图功能
- 克隆项目到本地:
git clone [你的仓库地址]
cd PdfAnnotatorHtml- 使用本地服务器运行项目(例如使用 Python 的 HTTP 服务器): 直接打开index.html文件即可
- 点击"打开PDF"按钮,选择要注释的PDF文件
- 使用工具栏中的不同工具进行注释:
- 绘图:自由手绘
- 线条:绘制直线
- 文本:添加文字
- 完成注释后,点击"导出"按钮保存带注释的PDF文件
- 支持的浏览器:Chrome、Firefox、Safari 等现代浏览器
- PDF文件处理完全在浏览器中进行,不会上传到任何服务器
- 建议使用本地服务器运行项目,直接打开HTML文件可能导致跨域问题
