html->pdf直接下载
2024-08-29 06:17:29
import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
export default{
install (Vue, options) {
Vue.prototype.$getPdf = function (dom) {
// var title = this.htmlTitle;
console.log(dom);
html2Canvas(dom, {
allowTaint: true
// allowTaint: false,
// useCORS: true
}).then(function (canvas) {
let contentWidth = canvas.width;
let contentHeight = canvas.height;
let pageHeight = contentWidth / 592.28 * 841.89;
let leftHeight = contentHeight;
let position = 0;
let imgWidth = 595.28;
let imgHeight = 592.28 / contentWidth * contentHeight;
let pageData = canvas.toDataURL('image/jpeg', 1.0);
let PDF = new JsPDF('', 'pt', 'a4');
if (leftHeight < pageHeight) {
PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
} else {
while (leftHeight>0) {
PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
leftHeight -= pageHeight;
position -= 841.89;
if (leftHeight>0) {
PDF.addPage()
}
}
}
PDF.save(new Date().getTime() + '.pdf')
}
)
}
}
}
最新文章
- ultraiso制作大于4GB的镜像的启动盘
- UE4动作流程总结
- AStar算法的学习
- 写过的一些Oracle相关的博客
- 目标检测的图像特征提取之(一)HOG特征(转载)
- sql里将重复行数据合并为一行,数据用逗号分隔
- UIAlertView(已经过时) UIActionView swift
- Hadoop对文本文件的快速全局排序
- 文件I/O之ioctl函数
- La=LaULb (循环链表)
- grep之字符串搜索算法Boyer-Moore由浅入深(比KMP快3-5倍)(转)
- 金蝶K3无法创建数据库,请查看该文件夹的错误的解决方法。
- CSS 实现的各种球体效果
- python 输出重定向
- MongoDB原子操作
- ubuntu,kali linux和windows三系统流水账&mdash;&mdash;写给自己
- 枚举类 enum,结构体类 struct
- Curl 基本命令
- 如何在VS Code中进行golang编程
- ecshop 前台分页