使用jsPDF生成保留HTML页面样式的pdf

我正在尝试创建一个按钮,它将开始自动下载页面的PDF,因为它看起来与sass样式.然而,我尝试的一切都以造型混乱而告终.

这是页面(这是一个有几种不同内容类型的测试站点)

但PDF看起来像这样:

我拉着jspdf.debug.js我的页面中有以下HTML按钮+脚本:

 
    Generate PDF

如何使样式从html到pdf保持一致？

我最终通过使用html2canvas和jsPDF来实现这一点.

我的按钮通过html2canvas选项隐藏自pdf:

    Generate PDF

和html页面底部的脚本

同样在html2canvas.js中我改变了:

_html2canvas.Util.isTransparent = function(backgroundColor) {
  return (backgroundColor === "transparent" || backgroundColor === "rgba(0, 0, 0, 0)");
};

为此,为了避免透明到黑色的背景

_html2canvas.Util.isTransparent = function(backgroundColor) {
  return (backgroundColor === "transparent" || backgroundColor === "rgba(0, 0, 0, 0)" || backgroundColor === undefined);
};

希望有人帮助!