19

pdfmake を使用して pdf のヘッダー サイズを大きくしようとしています。

現在、ページの左右両方にヘッダーを取得できますが、これは私が望むものですが、ヘッダーのスペースが限られているため、高さが 26 を超えると画像が消えます。

  • 余白を減らしてサイズを大きくすることはできますが、余白は残しておきたいです。
  • 同様の問題についてpdfMake githubを検索しましたが、成功しませんでした。

何かをテストする必要がある場合は、 pdfmake プレイグラウンドでこれまでに持っているコードを試してください。

このコードをすべてコピーして「プレイグラウンド」に貼り付けて機能させる必要があることに注意してください。

var dd = {
  pageSize: 'LEGAL',
  pageOrientation: 'landscape',
  header: {
    margin: 8,
    columns: [{
      table: {
        widths: ['50%', '50%'],
        body: [
          [{
            image: 'sampleImage.jpg',
            width: 80,
            height: 26,
          }, {
            image: 'sampleImage.jpg',
            width: 80,
            height: 26,
            alignment: 'right'
          }]
        ]
      },
      layout: 'noBorders'
    }]
  },
  content: [
    'First paragraph',
    'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines'
  ]
}
4

2 に答える 2

30

pageMargins を追加し、2 番目のパラメーター (上部マージン) を合計ヘッダー サイズに調整する必要があります。すべてのヘッダー コンテンツが表示されるまで、値を試すことができます。

例えば：

この場合、80 (pageMargin: [40, 80 ,40,60]) を使用して、高さ 60 の画像を取得します。

var dd = {

    pageSize: 'LEGAL',
    pageOrientation: 'landscape',
    pageMargins: [40, 80, 40, 60],

    header: {
        margin: 8,
        columns: [
            {
                table: {
                    widths: [ '50%','50%'],

                    body: [
                        [
                            { image: 'sampleImage.jpg',

                                width: 80, height: 60,

                            },

                            { image: 'sampleImage.jpg',

                                width: 80, height: 60,
                                alignment:'right'}
                        ]
                    ]
                },
                layout: 'noBorders'
            }

        ]
    },

    content: [
        'First paragraph',
        'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines'
    ]
}
于 2016-02-09T08:36:42.587 に答える