vue 开发拖拽签章功能。 主要应用，pdf 合同 盖章， 文件水印， 图文打码

实现原理）

通过拖拽功能实现 （主要vue代码，通过后台将pdf转换 统一格式的图片，前端分页 再不同页面添加签章。）

签章 使用 draggable="true" @dragstart="drag($event)"

签章容器 使用

@drop="drop($event, docindex+1)" @dragover="allowDrop($event)"

 

本源码实现是pdf   分页签章功能，  计算单位是磅。

pt_y: 842, // pdf 的磅宽

pt_x: 595, // pdf 的磅高      此为基础

优势特点

签章不会出现夸页面问题。

响应式开发，适用于不同屏幕尺寸  （pc 端为主。移动端设备效果不佳）

---

代码如下  （附带了滚动分页功能）

---