javascript - 使用 Javascript 将 CSS 保存在 Html 中以 PDF 导出

Question

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

我的代码是

                    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 实现吗？我没有 table 所以这个 Question也没有帮助。

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

谢谢你，
哈姆扎

Answer 1

我使用这个插件生成带有 HTML 和 CSS 的 PDF。您只需将要放入 PDF 的内容包含在带有 ID 的“”中。

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