使用Javascript将Html中的CSS导出为PDF

我正在尝试使用JavaScript生成PDF，但无法使用CSS生成。我目前正在使用。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，它将所有形式的值并列在单独的

div

中。但当我生成PDF时，它们会进入单独的行

我不能使用，因为它是在线处理的

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

我当前拥有的输出是

是否有任何插件可以将HTML+CSS转换为PDF？或者我可以用jsPDF实现这一点吗？我没有桌子，所以这也没用

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

谢谢你，

---

哈姆扎

也许我帮不上忙，但这似乎是那个图书馆的一个错误：

---

在该页面中，您将找到一个建议：使用Html2Canvas。

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

---

我想这需要自动发生吗？我之所以这么问，是因为我知道的唯一方法是使用

@print

媒体查询格式化CSS，并实际打印页面（输出为PDF）。我相信这不会有什么帮助，但也许这可以让你找到正确的方向？不，实际上打印没有帮助。。。因为它不支持所有的浏览器。其次，我只需要很少的东西。。这将创建超过50 MB的PDFAny解决方案，您找到了吗？谢谢，但这没有帮助。。我也用过，Html2Canvas创建了长的不可搜索的PDF，我需要可搜索的PDF。Html2Canvas基本上是截图，它是图像而不是文本。这是免费使用的吗？