| | |
|---|
| | | v-if="isUpFile"> |
|---|
| | | <input type="file" @change="handleFileUpload" accept="application/pdf" ref="fileInput" /> |
|---|
| | | </div> |
|---|
| | | <p style="color: red;font-size: 12px;margin: 16px 0;" v-if="canvasNumPages > 0">提示：在文件范围内，单击鼠标盖章，双击鼠标已盖好章处可删除当前章</p> |
|---|
| | | <div style="color: red;font-size: 12px;margin: 16px 0;" v-if="canvasNumPages > 0">提示：在文件范围内，单击鼠标盖章，双击鼠标已盖好章处可删除当前章</div> |
|---|
| | | <canvas ref="pdfCanvas" @click="e => handleCanvasClick(e, index)" style="border: 1px solid #000;" |
|---|
| | | @dblclick="e => removeStamp(e, index)" v-for="(item, index) in canvasNumPages" :key="index"></canvas> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | stampWidth: 120, // 盖章宽度 |
|---|
| | | stampHeight: 80, // 盖章高度 |
|---|
| | | stampsName: '', |
|---|
| | | stampsList: ['主任', '质量负责人', '技术负责人', '综合室', '通信', '电力', '装备', '储能', '射频'], |
|---|
| | | stampsList: ['主任', '质量负责人', '技术负责人'], |
|---|
| | | fileName: '文件名' |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | |
|---|
| | | // 渲染章 |
|---|
| | | drawStamps(x, y, index) { |
|---|
| | | var img = new Image(); |
|---|
| | | console.log(this.stampsName) |
|---|
| | | // 设置图片源 |
|---|
| | | img.src = require("@/assets/stamps/" + this.stampsName + ".png"); // 替换为你的图片链接 |
|---|
| | | let that = this |
|---|
