1.0.5 • Published 3 years ago
unisoft-vue-pdf v1.0.5
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 端有效,手机端无工具栏 |