在vue-pdf.js里面加上拖动模块

#其它  4个月前   阅读/319

需要在合同里面拖入输入框区域,盖章区域,等模块

image.png

主要用到2个组件

1.vue-drag-resize 拖动缩放组件
2.vue-pdf.js 显示pdf文件的组件

  • mousedown 按下
  • mousemove 移动
  • mouseup 松开
mousedown: function (item, event) { // 点击鼠标位于当前div的位置 this.coffsetX = event.offsetX; this.coffsetY = event.offsetY; // 如果按下的是需要移动的div就修改移动状态纪录位置 if (event.path[0].className == "item") { // 当前点击的div位置 this.move_l = event.path[0].offsetLeft; this.move_b = event.path[0].offsetTop; // 可以移动 this.is_moving = true; // 当前点击的div this.selE = event.path[0]; } },

mouseup 松开的时候如果在pdf区域就添加到pdf的div中
使用的vue-drag-resize这个插件拖动
https://gitee.com/qaq6/vue-pdf.js-demo.git

元芳,你怎么看?
加载中