这是一个基于 Vue.js 和 pdfjs-dist 开发的 PDF 文档上盖章,用户可在 PDF 文档上 实现盖章功能(也可替换其他贴图),并记录盖章位置,后可在不同设备下打开pdf均可准确渲染出来。
- PDF 文件上传和预览
- 支持多页面 PDF 文档
- 点击添加印章功能
- 自适应布局(支持单列、双列和三列显示)
- 印章位置自动保存
- 响应式设计
- Vue.js
- PDF.js
- JavaScript
- 克隆项目到本地
git clone https://github.com/lwm98/stampInPDF-vue.git
- 安装依赖
npm install
- 运行开发服务器
npm run serve
- 构建生产版本
npm run build
- 点击文件上传按钮选择 PDF 文件
- 在 PDF 页面上点击想要添加印章的位置
- 印章会自动添加到点击位置
- 印章位置会自动保存
- 印章大小默认为 60x60 像素
- 默认缩放比例为 1.5
- 根据屏幕宽度自动调整显示列数:
- 宽度 ≥ 1600px:3列显示
- 宽度 ≥ 1200px:2列显示
- 宽度 < 1200px:1列显示
- 支持的 PDF 文件格式:.pdf
- 印章图片需要放在
src/assets/logo.png
位置 - 印章位置信息会自动保存在组件中
- 添加印章大小调整功能
- 添加印章旋转功能
- 添加撤销功能
- 添加印章拖拽功能
- 添加印章删除功能
[待添加]