使用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是div的ID，其中所有形式的值都在单独的divs中并排显示。但是当我生成PDF时，它们会进入单独的行。

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

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

我目前的输出是

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

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

谢谢你，
哈姆扎

Answer 1

我用这个插件用HTML和CSS生成PDF。您只需要在＆＃34;＆＃34;中包含要放入PDF的内容。带有身份证。

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

Answer 2

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

在该页面中，您会找到一个符合您目的的建议：使用Html2Canvas。