jsPDF css样式不起作用答案

【问题标题】：jsPDF css style does not workingjsPDF css样式不起作用
【发布时间】：2017-01-15 08:00:03
【问题描述】：

我正在尝试使用 jsPDF 将我的 div 转换为 pdf，这是我的 div：

<div id="pdffile" style="display:none" class="containerPDF">
     <headerp><h1 id="pdfTitle" style="text-align: center; color:red;"></h1></headerp>
     <navp>
         <div id="pdfImage"></div>
</navp>
     <articlep>
     <h1>Description</h1><p id="pdfDescription"></p>
    </articlep>
     <footerp style="text-align: center;">Copyright © Emoovio</footerp>
 </div>
 <div id="editor"></div>

这是我的 jquery 代码：

$('#cmd').click(function () {
var x =  $(".entry-title").text();

        doc.fromHTML($('#pdffile').html(), 15, 15, {
            'width': 170,
            'elementHandlers': specialElementHandlers
        });
        //doc.autoPrint();
        doc.save('emoovio-'+x+'.pdf');

});

当我执行这段代码时，我有我的 pdf，但没有中心，没有颜色，没有样式！

【问题讨论】：

复制：stackoverflow.com/questions/20460035/…
我不想为每个文本或中心设置颜色！！！我只想将我的 html 部分转换为 pdf 并保存我的风格！明白！！
PDF 不支持样式信息。如果您阅读了有关链接问题的答案，它清楚地表明它不支持 CSS。它也不支持样式标签。您必须手动将这些添加到您的脚本中或找到其他解决方案。
是的，我找到了另一个（html2pdf），但我觉得它非常基本：/ :(

标签： jquery html css pdf jspdf

【解决方案1】：

要保留所有样式，请尝试html2pdf.js。它将首先将您的 HTML 页面转换为图像，然后转换为 pdf。您可以参考他们的文档了解更多详细信息。

【讨论】：