首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >是否可以使用JavaScript或jquery将HTML页面保存为PDF?

是否可以使用JavaScript或jquery将HTML页面保存为PDF?
EN

Stack Overflow用户
提问于 2011-08-01 17:39:23
回答 11查看 306.6K关注 0票数 101

是否可以使用JavaScript或jquery将HTML页面保存为PDF?

详细说明:

我生成了一个包含表的HTML页面。它有一个“另存为PDF”按钮。如果用户单击该按钮,则HTML页面必须转换为PDF文件。

可以使用JavaScript或jquery吗?

EN

回答 11

Stack Overflow用户

发布于 2017-05-28 03:30:12

这可能是一个迟来的答案,但这是最好的答案:https://github.com/eKoopmans/html2pdf

纯javascript实现。允许您仅按ID指定单个元素并对其进行转换。

票数 24
EN

Stack Overflow用户

发布于 2015-09-17 16:17:06

是的,用javascript很容易做到。希望这段代码对你有用。

您将需要JSpdf library

代码语言:javascript
复制
<div id="content">
     <h3>Hello, this is a H3 tag</h3>

    <p>a pararaph</p>
</div>
<div id="editor"></div>
<button id="cmd">Generate PDF</button>

<script>
    var doc = new jsPDF();
    var specialElementHandlers = {
        '#editor': function (element, renderer) {
            return true;
        }
    };

    $('#cmd').click(function () {
        doc.fromHTML($('#content').html(), 15, 15, {
            'width': 170,
                'elementHandlers': specialElementHandlers
        });
        doc.save('sample-file.pdf');
    });

    // This code is collected but useful, click below to jsfiddle link.
</script>

jsfiddle link here

票数 19
EN

Stack Overflow用户

发布于 2013-10-10 16:55:30

您可以使用Phantomjs。下载here并使用以下示例测试html->pdf转换功能https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js

示例代码:

代码语言:javascript
复制
phantomjs.exe examples/rasterize.js http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/xhtml/index.html sample.pdf
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6896592

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档