首页 > Web开发 > 详细

angular 将HTML转化为pdf文件导出

时间:2021-08-03 18:45:34      阅读:27      评论:0      收藏:0      [点我收藏+]

废话不多数直接来代码:

1.安装包

npm install jspdf --save

npm install html2canvas --save

 

2.项目中引入

import jspdf from ‘jspdf‘;
import html2canvas from ‘html2canvas‘;
 
3.

var data = document.getElementById(‘table‘);

html2canvas(data).then(canvas => { // Few necessary setting options

let imgWidth = 208;

let pageHeight = 295;

let imgHeight = canvas.height * imgWidth / canvas.width;

let heightLeft = imgHeight;

const contentDataURL = canvas.toDataURL(‘image/png‘)

let pdf = new jspdf(‘p‘, ‘mm‘, ‘a4‘); // A4 size page of PDF

let position = 0;

pdf.addImage(contentDataURL, ‘PNG‘, 0, position, imgWidth, imgHeight)

pdf.save(‘[‘ + this.systomCode + ‘]‘ + this.systomName + ‘.pdf‘); // Generated PDF 

 

我是感觉有点失真。

如果有更好的代码或者更高的需要可以讨论、学习。

angular 将HTML转化为pdf文件导出

原文:https://www.cnblogs.com/jackandrose/p/15094671.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!