vue导出pdf,分页被截断 ,图片不显示的问题,已解决。
直接上步骤,亲测有效。
第一步 安装所需要的用到的插件
1 . 将页面HTML 转换成图片 npm i html2canvas -S
2 . 将图片生成pdf npm i jspdf -S
第二步创建pdf.js文件
import html2Canvas from "html2canvas";
import JsPDF from "jspdf";
function printOut(DomName) {
console.log("正在帮您导出......")
//title,随意设置,也可以提出来做参数,传入进来,自己发挥
var title = 测试啊;
var that = this;
var shareContent = DomName; //需要截图的包裹的(原生的)DOM 对象
//打印看有没有获取到dom
console.log(shareContent)
var width = shareContent.offsetWidth; //获取dom 宽度
var height = shareContent.offsetHeight; //获取dom 高度
var canvas = document.createElement("canvas"); //创建一个canvas节点
var scale = 2; //定义任意放大倍数 支持小数
canvas.width = width * scale; //定义