在横向格式下从HTML页面生成PDF文档

Question

我需要制作一个横向排版的PDF文件。

<script type="text/javascript">
    $(function () {
        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');
        });
    });
</script>

- L.S

---

可能是重复的问题：是否可以使用JavaScript或jQuery将HTML页面保存为PDF？ - manniL

我不明白这怎么能解决我的问题？没有关于横向格式的内容。 - L.S

Answer 1

我找到了答案。它非常简单 :) jsPDF()的第一个参数是用于横向页面的，它是l表示横向。

var pdf = new jsPDF('l', 'mm', [297, 210]); //第一个参数是用于横向或纵向

- L.S

Answer 2

app.component.ts

@ViewChild('pdfContent') pdfContent: ElementRef;

 async capture() {

// var doc = new jspdf("p", "pt", "a4");  // For Portrait

var doc = new jspdf('l', 'pt', "a4");  // For landscape
//code


})

app.component.html

 <div class="col-md-12" class="tablejoin" #pdfContent id = 
 "entireTable" >
<table> .. </table>
</div>

- Techdive

---

在回答 Stack Overflow 上的问题时，重要的是要解释答案，以便人们可以从中学习。同样重要的是直接回答问题。你在这里的回答添加了很多不必要的代码，可能会让人感到困惑，阻碍他们从你这里学习。 - Brad

好的。谢谢您的建议。我会进行更正。 - Techdive

Answer 3

使用以下代码进行纵向模式。

    var doc = new jsPDF('l', 'mm', 'a4'); // optional parameters
    doc.addImage(img/imgdata, 'PNG', 10, 10, 280, 180);
    doc.save("new.pdf");

在添加图像或 PDF 数据时配置维度。

- Sameera Goutham

---

这里的jsPDF是什么？你能详细描述一下吗？ - Naren