unisoft-vue-pdf

功能描述

基于pdfjs-dist实现的 PDF 签章 VUE 组件。

安装

npm install unisoft-vue-pdf

使用

<template>
  <unisoft-vue-pdf :pdf-url="pdfurl" :positionList="positionList" :seals="seals" />
</template>

<script>
import UnisoftVuePdf from 'unisoft-vue-pdf'

export default {
  components: { UnisoftVuePdf },
  data() {
        return {
            pdfurl: 'pdf地址',
            positionList: [{
                pageIndex: 15,
                coordinateList:[
                    {posx:400,posy:310,imgUrl:''}
                ]
            }],
            seals: [{
                imgUrl: '签章url或base64'
            }]
        }
  },
}
</script>

全局引入

//src\main.js
import UnisoftVuePdf from "unisoft-vue-pdf";
Vue.use(UnisoftVuePdf);

Props

参数	类型	说明
pdfUrl	String	pdf 地址
watermark	String	水印文字
seals	Array	印章数组
└─ imgUrl	String	印章图片 url 或 base64
positionList	Array	需要盖章的位置及印章数组
└─ coordinateList	Array	盖章坐标数组
└─ posx	Number	横向坐标
└─ posy	Number	纵向坐标
└─ imgUrl	String	印章
└─ pageIndex	Number	盖章页码
positionWidth	Number	coordinateList 印章坐标参考宽度，默认 612
readonly	Boolean	只读，默认 false
showToolbar	Boolean	是否显示工具栏，默认 true。只对 web 端有效，手机端无工具栏