使用Javascript生成高质量的PDF（jspdf+；html2canvas）

我一直在尝试从HTML页面转换和生成PDF，只需点击页面上的一个按钮，即可使用两个流行的插件自动生成并强制下载该页面的PDF *JSPDF *HTML2Canvas 到目前为止，一切正常，但生成的PDF文件总是模糊的，质量不高 导入js文件（jquery、html2canvas、jspdf）后。这是我的javascript代码

函数CreatePDFfromHTML（）{
var HTML_Width=$（“.HTML内容”）.Width（）；
var HTML_Height=$（“.HTML内容”）.Height（）；
var上下边缘=15；
var PDF_Width=HTML_Width+（左上角距*2）；
变量PDF_高度=（PDF_宽度*1.5）+（左上角距*2）；
var canvas_image_width=HTML_width；
var canvas_image_height=HTML_height；
var totalPDFPages=Math.ceil（HTML\u Height/PDF\u Height）-1；
html2canvas（$（“.html内容”）[0]）。然后（函数（画布）{
var imgData=canvas.toDataURL（“image/jpeg”，1.0）；
var pdf=新的jsPDF（'p'，'pt'，[pdf_宽度，pdf_高度]）；
pdf.addImage（imgData，'JPG'，左上角，左上角，画布图像宽度，画布图像高度）；
对于（var i=1；i经过几天的搜索，我终于找到了一种方法，通过将HTML_权重和HTMLheight乘以3来提高质量，这是新代码

函数CreatePDFfromHTML（）{
var HTML_Width=$（“.HTML内容”）.Width（）*3；
var HTML_Height=$（“.HTML content”）.Height（）*3；
var上下边缘=15；
var PDF_Width=HTML_Width+（左上角距*2）；
变量PDF_高度=（PDF_宽度*1.5）+（左上角距*2）；
var canvas_image_width=HTML_width；
var canvas_image_height=HTML_height；
var totalPDFPages=Math.ceil（HTML\u Height/PDF\u Height）-1；
html2canvas（$（“.html内容”）[0]）。然后（函数（画布）{
var imgData=canvas.toDataURL（“image/jpeg”，1.0）；
var pdf=新的jsPDF（'p'，'pt'，[pdf_宽度，pdf_高度]）；
pdf.addImage（imgData，'JPG'，左上角，左上角，画布图像宽度，画布图像高度）；
对于（var i=1；i）我为什么不单独使用jspdf？因为它不能很好地处理css样式，所以我必须使用html2cavas将pae转换为图像，然后再转换为pdf