html2canvas+jspdf：通过js将html页面转pdf

最新推荐文章于 2025-06-29 21:27:19 发布

IT-老五

最新推荐文章于 2025-06-29 21:27:19 发布

阅读量3.1k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/andy_5826_liu/article/details/105044032

Html To Pdf

最近项目中有将报告页面转成pdf的需求，为了方便，想在js中转化，然后找了一下，发现html2canvas好像满足这个需求，尝试了一下，基本上能实现html转pdf。

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>
    <script src="~/Content/js/html2canvas.js"></script>
    <script>
        var downPdf = document.getElementById("exportToPdf"); // 转换按钮
        downPdf.onclick = function () {
            // 要导出pdf的节点
            var elements = document.getElementsByClassName("pdf_page"); // 需要转换的页面节点
            var imgMap = new Map();
            for (var index = 0; index < elements.length; index++) {
                var mapIndex = inde