css - 没有CSS样式的jsPDF导出

标签 css jspdf



我有这段代码,我用它来将 html 导出为 pdf,它可以工作,但没有 css

<body>
    <div class="container">
        <div style="background-color: yellow" id="pagina">Page to Print</div>
        <div id="editor">
             <a href="#" class="btn btn-primary download-pdf">Download PDF</a>
        </div>
    </div>
 </body>
 <script type="text/javascript">

    var doc = new jsPDF();
    var specialElementHandlers = {
        '#editor': function(element, renderer){
            return true;
        }
    };
    doc.fromHTML($('body').get(0), 15, 15, {
        'width': 170, 
        'elementHandlers': specialElementHandlers
    });

        $('.download-pdf').click(function(){    
            doc.save('demo.pdf');
        });  

可以用css导出吗?

最佳答案

根据 jspdf's site , HTML 渲染器还处于早期阶段。我还在 other posts 中找到了内联样式表和导入样式表均不支持 css(目前)。

我可以建议你一个替代方案,如果你愿意在你的服务器上安装第 3 方应用程序,你可以查看 a tutorial using phantomjs to generate pdf from html .

关于css - 没有CSS样式的jsPDF导出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26824956/

相关文章:

css - 绝对定位导致水平滚动

html - 如何在多个不同大小的图像上叠加文字? CSS

javascript - 如何使用 jsPDF 和 HTML2Canvas 从网站获取多页 pdf?

javascript - jsPDF - 包含其他 pdf

html - 在 CSS 中使用 repeat-x 值完成每个重复背景图像后,如何摆脱白色垂直笔画?

html - 调整页脚图像使其偏移 10 像素?

css - 如何以水平方式保持菜单链接

reactjs - 使用 html2canvas 和 jspdf 在 React 中从 Html 生成 pdf

javascript - 使用jspdf将html转换为pdf时如何防止从中间剪切内容