HTML转换为PDF,点击转换

问题描述 投票:0回答:1

我正在忙于创建网站,想知道是否可以将HTML转换为PDF或Word文件。

场景〜

[用户看到他/她喜欢的信息,然后单击将页面/部分转换为PDF或单词并将其保存到本地(到人的计算机上)的按钮]

有什么想法吗?如果我能得到一些文档或任何指导,将对您有所帮助。

提前感谢。

编辑*

对不起,如果这是一个愚蠢的问题,仍然在这里学习:D

html pdf word
1个回答
0
投票

[有很多方法,我可以在JavaScript中提供帮助,我正在开发一个项目,客户可以将HTML文件下载为PDF,请检查

     <script>
            $(".clone-pdf").clone().appendTo(".html-content");

            function CreatePDFfromHTML() {
                var HTML_Width = $(".html-content").width();
                var HTML_Height = $(".html-content").height();
                var top_left_margin = 15;
                var PDF_Width = HTML_Width + (top_left_margin * 2);
                var PDF_Height = (PDF_Width * 1.5) + (top_left_margin * 2);
                var canvas_image_width = HTML_Width;
                var canvas_image_height = HTML_Height;

                var totalPDFPages = Math.ceil(HTML_Height / PDF_Height) - 1;

                html2canvas($(".html-content")[0]).then(function (canvas) {
                    var imgData = canvas.toDataURL("image/jpeg", 1.0);
                    var pdf = new jsPDF('p', 'pt', [PDF_Width, PDF_Height]);
                    pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin, canvas_image_width, canvas_image_height);
                    for (var i = 1; i <= totalPDFPages; i++) {
                        pdf.addPage(PDF_Width, PDF_Height);
                        pdf.addImage(imgData, 'JPG', top_left_margin, -(PDF_Height * i) + (top_left_margin * 4), canvas_image_width, canvas_image_height);
                    }
                    pdf.save("Your_PDF_Name.pdf");
                });
            }



  </script>

和用于将请求发送到脚本的html。

<a href="javascript:CreatePDFfromHTML()"><i class="icon-download"></i></a>

希望我能帮助您找到所需的答案。

© www.soinside.com 2019 - 2024. All rights reserved.