使用Javascript将HTML转换为PDF(客户端)

时间:2019-07-18 11:11:38

标签: javascript pdf frameworks file-conversion

是否可以转换整个HTML文档

如上所示,为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。

0 个答案:

没有答案