使用Javascript将CSS保存为PDF导出

Question

我正在尝试使用JavaScript生成PDF但我无法使用CSS生成.我目前正在使用jsPDF.jsPDF的问题在于它消除了所有格式.我不需要样式或颜色,但我需要多个divs并排.

我的代码是

                    margins = {
                        top: 0,
                        bottom: 0,
                        left: 20,
                        width: 170
                    };                       
                    pdf.setFontSize(6);
                    pdf.fromHTML(
                        $('#textpdfdiv').html(), 
                        margins.left, 
                        margins.top, { 
                            'width': margins.width
                        },

                        function (dispose) {                                
                            pdf.save('Export_Text.pdf');
                        }, margins
                    );

textpdfdiv是一个id,div它具有形式的所有值divs并排分开.但是当我生成PDF时,它们会进入单独的行.

我无法使用XEPOnline,因为它在线处理.

我需要PDF输出是这样的(减去颜色和表单字段等)

我目前的输出是

有没有可以将HTML + CSS转换为PDF的插件？或者我可以用jsPDF实现这个目标吗？我没有桌子,所以这个问题也无济于事.

编辑:我也不能使用Html2Canvas,因为它创建了长的不可搜索的PDF,我需要可搜索的PDF.Html2Canvas截图,它是一个图像,但我需要可以复制的文本.

谢谢,
哈姆扎

Answer 1

我用这个插件用HTML和CSS生成PDF.您只需要在带有id的""中包含要放入PDF的内容.

https://github.com/Xportability/css-to-pdf

Answer 2

也许我不能提供这样的帮助，但这似乎是该库的一个错误： https: //github.com/MrRio/jsPDF/issues/91

在该页面中，您将找到适合您目的的建议：使用 Html2Canvas。