Skip to content

一个基于浏览器的PDF注释工具,支持在PDF文档上添加手绘、线条和文本注释,完全在前端运行,无需后端服务。

Notifications You must be signed in to change notification settings

lhqs/PDFAnnotator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PDF Annotator (纯前端版本)

一个基于浏览器的PDF注释工具,支持在PDF文档上添加手绘、线条和文本注释,完全在前端运行,无需后端服务。

功能特点

  • 🔍 PDF文件预览
  • ✏️ 多种注释工具
    • 手绘模式:自由绘制注释
    • 线条模式:绘制直线
    • 文本模式:添加文字注释
  • 💾 注释导出功能
  • 🌐 纯前端实现,无需后端服务
  • 📱 响应式设计,支持多种设备

项目演示

演示

技术栈

  • PDF.js:用于PDF文件的渲染和处理
  • jsPDF:用于PDF文件的导出
  • 原生JavaScript:实现交互功能
  • HTML5 Canvas:实现绘图功能

快速开始

  1. 克隆项目到本地:
git clone [你的仓库地址]
cd PdfAnnotatorHtml
  1. 使用本地服务器运行项目(例如使用 Python 的 HTTP 服务器): 直接打开index.html文件即可

使用说明

  1. 点击"打开PDF"按钮,选择要注释的PDF文件
  2. 使用工具栏中的不同工具进行注释:
    • 绘图:自由手绘
    • 线条:绘制直线
    • 文本:添加文字
  3. 完成注释后,点击"导出"按钮保存带注释的PDF文件

注意事项

  • 支持的浏览器:Chrome、Firefox、Safari 等现代浏览器
  • PDF文件处理完全在浏览器中进行,不会上传到任何服务器
  • 建议使用本地服务器运行项目,直接打开HTML文件可能导致跨域问题

About

一个基于浏览器的PDF注释工具,支持在PDF文档上添加手绘、线条和文本注释,完全在前端运行,无需后端服务。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published