基于 Vue3 的在线 PDF 编辑 1.0 项目诞生记

1,378 阅读1分钟

还记得刚入职时,领导抛来一个超有挑战的需求:在公司 OA 系统里实现 PDF 文件的批注、签名等操作,让审批流程更高效。可惜当时工作火力全开,这个需求只能暂时 “存档”。

最近趁着工作间隙,又想着为求职履历添砖加瓦,便翻出这个 “宝藏需求”,花了几天时间打磨出 Vue3 在线编辑 PDF 1.0 版本 。它就像一个刚上路的 “技术萌新”,虽然目前只具备基础功能,但未来可期。期待通过持续优化,让它成为既能解决实际业务痛点,又能和技术同行们愉快交流的实用项目!

以下介绍目前功能

生成PDF预览图手动翻页

1744767659813.jpg

画线批注

1744767678611.jpg

文字批注

1744767705132.jpg

圆形批注

1744767718926.jpg

矩形批注

1744767732404.jpg

保存时生成json数据

1744767753477.jpg

生成新的pdf

1744767781495.jpg

目前 1.0 版本的功能已初步搭建完成,后续计划拓展更多实用功能,比如文档缩放、添加图片等,让在线编辑体验更加完善流畅。如果你对项目代码感兴趣,欢迎前往 项目仓库 或者 gitee仓库 ,直接拉取源码深入探索。

后续我还会陆续发布系列文章,拆解项目核心逻辑与技术实现细节。无论是想了解 Vue3 与 PDF 编辑的技术结合,还是对功能优化有好想法,都可以关注账号。期待和大家一起交流,共同见证这个项目不断成长!