pdfmake:如何创建具有不同方向的多页PDF?

时间:2014-11-04 09:22:32

标签: javascript node.js pdfmake

有没有办法使用 pdfmake创建具有不同页面方向的多页PDF?

为了简单起见,我想要这样的事情:

  • 页面 1 ,纵向方向
  • 页面 2 横向展开
  • 页面 3 ,纵向方向

我用不同的方法尝试了很多次但总是对所有页面产生影响。

<小时/> 抱歉我的英文

2 个答案:

答案 0 :(得分:10)

这是一个古老的问题,但回答可能有助于其他人。

如果要更改页面方向,只需在页面的第一个节点指定新值。

在这一行之后,我附上了一个简单的代码,您可以直接在pdfmake playground粘贴以便尝试。

祝你好运!

var dd = {
    content: [
        { 
            text: 'Unordered list', 
            style: 'header' 
        },
        {
            ol: [
                'item 1',
                'item 2',
                'item 3',
            ]
        },
        { 
             text: '\n\nUnordered list with longer lines', 
             style: 'header', 
             pageBreak: 'before', 
             pageOrientation: 'landscape' 
        },
        {
            ol: [
                'item 1',
                'Lorem ipsum dolor sit amet, consectetur ..',
                'item 3',
            ]
        },
        { 
            text: '\n\nNested lists', 
            style: 'header', 
            pageBreak: 'before', 
            pageOrientation: 'portrait' 
        },
        {
            ol: [
                'item 1',
                'Lorem ipsum dolor sit amet, consectetur ..',
                {
                    ol: [
                        'subitem 1',
                        'subitem 2',
                        'subitem 3 - Lorem ipsum dolor sit ame...',
                        'subitem 4',
                        'subitem 5',
                    ]
                },
                'item 3\nsecond line of item3',
            ]
        },
    ],
    styles: {
        header: {
            bold: true,
            fontSize: 15
        }
    },
    defaultStyle: {
        fontSize: 12,
    }   
}

答案 1 :(得分:0)

我正在浏览pdfmake的documentation,他们提供以下代码来设置页面方向:

 var docDefinition = {
  // a string or { width: number, height: number }
  pageSize: 'A5',  
 // by default we use portrait, you can change it to landscape if you wish
 pageOrientation: 'landscape',
  ...

//Other content
};

现在整个项目的本质是文档定义对象,我猜这是唯一的。即使在github page和所提到的问题上,我也没有看到为特定网页设置页面方向的规定,尽管您可以像这样添加PageBreaks:

  (...)
   'You can also fit the image inside a rectangle',
  {
    image: 'fonts/sampleImage.jpg',
    fit: [100, 100],
    pageBreak: 'after'
  },
  (...)

那就是说,我认为你的问题有一个解决方法。你知道,这是在这个项目中生成pdf文档的方式:

 var fs = require('fs');
 var pdfDoc = printer.createPdfKitDocument(docDefinition);
 pdfDoc.pipe(fs.createWriteStream('pdfs/basics.pdf'));
 pdfDoc.end();

当然,pipefs模块是节点实现。但是,由于我们将页面方向附加到文档定义对象,如果我们有多个文档定义,如下所示:

 var pdf1 = printer.createPdfKitDocument(docdef1); //landscape mode page 1
 var pdf2 = printer.createPdfKitDocument(docdef2); //portrait mode page 2
 var pdf3 = printer.createPdfKitDocument(docdef3); //landscape mode for the rest of the pages.

现在我们可以在append方法中使用createWriteStream()标记。有用的documentation。 (未经测试的代码)

 pdf1.pipe(fs.createWriteStream('foo.pdf'));
 pdf2.pipe(fs.createWriteStream('foo.pdf',{flags:'a'}));
 pdf3.pipe(fs.createWriteStream('foo.pdf',{flags:'a'}));
 pdf1.end();
 pdf2.end();
 pdf3.end();

我只是建议你如何组合文档定义对象。希望它能让你开始朝着正确的方向前进。