我正在尝试将客户端上的临时和本地的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');
}