当前位置: 首页 > news >正文

vue 渲染pdf并盖章之后生成新的pdf

目录

1.渲染pdf

 1.页面准备渲染的容器,使用canvas渲染

2.把文件流渲染到canvas上面

3.下载pdf.js插件

4.使用 

2.盖章

1.印章图片

2.自定义指令拖拽

3.生成新的pdf 

1.下载生成pdf插件

2.使用 

4.页面效果图 

1.展示pdf 

2.拖拽盖章

3.生成pdf文件 

5.整体代码


1.渲染pdf

注意:在线链接会有跨域问题,生成pdf无法显示

使用在线的pdf链接 可以使用iframe渲染但是导出无法显示

<iframe :src="url" height="800px;" width="100%"></iframe>

 需要后端返回base64或者blob格式或者二进制文件流才可以

接收后端返回的二进制流需要配置请求,不然会乱码

// 获取在线pdf文件的文件流
export function getPdfWorldApi(data) {return request({url: '/api/www/www',//请求地址method: 'POST',//请求方式data,//参数responseType: 'blob', //获取二进制流设置接收类型,不设置会乱码})
}

 1.页面准备渲染的容器,使用canvas渲染

<div v-for="(item, i) in canvasPage" :key="i"><canvas :id="`pdf_canvas_${item}`"></canvas>
</div>

相关文章:

  • 多线程的介绍
  • 2024Python二级
  • arcgis中.mpk和.lpk以及.mxd文件
  • 09 string的实现
  • python和shell脚本,每隔五分钟将远端服务器中的文件夹数据下载到跳板机
  • 1千多条中医中药知识及问答ACCESS\EXCEL数据库
  • 微信添加好友频繁的误区有哪些?
  • 第一章 深度学习发展概述
  • 代码随想录算法训练营day14 | 二叉树的递归遍历、二叉树的迭代遍历、二叉树的统一迭代
  • Nodejs 第五十四章(net)
  • 讲解linux下的Qt如何编译oracle的驱动库libqsqloci.so
  • R语言基础的代码语法解译笔记
  • 通过OceanBase 3.x中not in无法走hash连接的变化,来看OB优化器的发展
  • 2024蓝桥杯每日一题(区间合并)
  • pdf也可以制作成可翻页的电子书吗?
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • 【407天】跃迁之路——程序员高效学习方法论探索系列(实验阶段164-2018.03.19)...
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • 03Go 类型总结
  • CAP 一致性协议及应用解析
  • Java IO学习笔记一
  • linux学习笔记
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • React Native移动开发实战-3-实现页面间的数据传递
  • Spring核心 Bean的高级装配
  • Vue2.x学习三:事件处理生命周期钩子
  • 诡异!React stopPropagation失灵
  • 智能网联汽车信息安全
  • k8s使用glusterfs实现动态持久化存储
  • PostgreSQL之连接数修改
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • ​【原创】基于SSM的酒店预约管理系统(酒店管理系统毕业设计)
  • ​MySQL主从复制一致性检测
  • ​软考-高级-信息系统项目管理师教程 第四版【第23章-组织通用管理-思维导图】​
  • $emit传递多个参数_PPC和MIPS指令集下二进制代码中函数参数个数的识别方法
  • (二)fiber的基本认识
  • (十一)c52学习之旅-动态数码管
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (转)Scala的“=”符号简介
  • (转载)虚幻引擎3--【UnrealScript教程】章节一:20.location和rotation
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现
  • .net core使用RPC方式进行高效的HTTP服务访问
  • .Net MVC4 上传大文件,并保存表单
  • .net(C#)中String.Format如何使用
  • .pyc文件还原.py文件_Python什么情况下会生成pyc文件?
  • /etc/shadow字段详解
  • /run/containerd/containerd.sock connect: connection refused
  • [100天算法】-不同路径 III(day 73)
  • [Android]RecyclerView添加HeaderView出现宽度问题
  • [C#]使用C#部署yolov8-seg的实例分割的tensorrt模型
  • [c++] C++多态(虚函数和虚继承)