html如何图片转换,如何将HTML画布转换为真实图片?

我正在尝试将客户端上的临时和本地的HTML内容转换为真实图片。我做了我的研究

canvas2base64

canvas2base64

html2base64

但是没有一个地方是真正的图片生成的,它总是基于base64代码的“图像”。

它做我想要的。它能产生我想要的质量的图片。但问题是,我想用jsfd把这个图像放到pdf中,当图像是base64代码时,它就不能把它放到pdf中。

我正在使用以下所有脚本:jquery.js、jsdpdf.js、html2canvas.js和filesaver.js

是否有一种方法可以临时生成画布中的真实图像,如*.png或*.jpg,这不是基于base64代码,而是保存在用户的本地存储中?所以我可以引用它并在我的代码中使用它?

下面的代码应该生成图像,然后将图像放入一个DIN A4大小的PDF格式。

function print() {

//const filename = 'Loveletter_.pdf';

html2canvas(document.querySelector('.finishedLetter')).then(function(canvas) {

var pdf = new jsPDF('p', 'mm', 'a4');

$("#test_me").attr("src", canvas.toDataURL("image/png", 1.0));

var ImgForPDF = document.getElementById('test_me').getAttribute('src');

pdf.addImage(ImgForPDF, 'PNG', 0, 0, 211, 298);

});

pdf.save('Loveletter_.pdf');

}