PDF中的CSS未在服务器上加载答案

【问题标题】：CSS in PDF not loading on serverPDF中的CSS未在服务器上加载
【发布时间】：2021-05-31 12:52:43
【问题描述】：

我正在使用 html2pdf 库来生成我的 HTML 的 PDF。在我的本地机器上，下面的代码工作正常，但是当我在服务器上部署相同的代码时，生成的 PDf 没有 CSS 样式。下面是我的代码。请帮我解决这个问题。

window.onload = function () {
        document.getElementById("generatePdf").addEventListener("click", () => {
          const cvitae = this.document.getElementById("configuration-area-c");
          var opt = {
            filename: "morsewatchment-configurator.pdf",
            image: { type: "jpeg", quality: 0.98 },
            html2canvas: { scale: 2 },
            jsPDF: { unit: "in", format: [12, 6], orientation: "portrait" },
          };
          //html2pdf().from(cvitae).set(opt).save();
        });
      };

【问题讨论】：

请分享更多细节，比如涉及的代码。这是 JS 问题、PHP 问题还是 CSS 问题？
试试这个html2canvas: { scale: 2, useCORS: true}
@WaLidLamRaoui 已经没有运气了。我忘了在这里提。
@NicoHaase 这是我正在使用的唯一代码，据我所知，这是一个 CSS 问题，因为文件是使用图像创建的，但没有 CSS。
你具体用的是什么库是html2pdf-jspdf2？

标签： javascript php html jquery css

【解决方案1】：

这是使用html2pdf.js 时的一个已知问题，您可以阅读更多here，也可以阅读issue on github。

解决此问题的明显方法是将所有需要的 css 规则直接包含在 html 页面中的 style 标记中。

另外你可以去Github这个分支查看/dist/目录，然后取出你的项目依赖的任何文件并使用它。

或者如果你使用npm运行：

 npm install eKoopmans/html2pdf.js#bugfix/clone-nodes-BUILD

【讨论】：