如上所示,为PDF文件,带有可选文本。
当前,如果我尝试将HTML文档转换为PDF,则将其作为输出。
我完全满意。但是问题在于文本是无法选择/突出显示的。
使用我当前的代码:
setTimeout(function () {
html2canvas(document.querySelector("body")).then(canvas => {
var imgData = canvas.toDataURL("image/jpeg",1);
var pdf = new jsPDF("p", "mm", "a0");
var pageWidth = pdf.internal.pageSize.width;
var pageHeight = pdf.internal.pageSize.height;
var imageWidth = canvas.width;
var imageHeight = canvas.height;
var ratio = imageWidth/imageHeight >= pageWidth/pageHeight ? pageWidth/imageWidth : pageHeight/imageHeight;
//pdf = new jsPDF(this.state.orientation, undefined, format);
pdf.addImage(imgData, 'JPEG', 0, 0, imageWidth * ratio, imageHeight * ratio);
pdf.save("invoice.pdf");
});
},500);
它首先将其转换为JPEG,然后转换为pdf。 还有使用Javascript的更好方法吗?这样我就可以选择相同的文本布局。
///我当前正在使用的框架是:jsPDF,filesaver和html2Canvas。