Phantomjs-papersize-property

提供:Dev Guides
移動先:案内検索

PhantomJS-paperSizeプロパティ

このプロパティはサイズ、つまり Webページのサイズ。WebページをPDF形式に変換するために使用する必要があります。 paperSizeプロパティには、オブジェクトに必要な寸法が含まれています。 paperSizeが定義されていない場合、Webページのサイズが取得されます。 サポートされている寸法単位は、「mm」、「cm」、「in」、「px」です。 デフォルトでは、「px」です。

パラメーター

paperSizeプロパティのパラメーターは次のとおりです。

  • マージン-値として「top」、「left」、「bottom」、「right」を持つオブジェクトとして指定できます。デフォルトでは、0と見なされます。 たとえば、マージン:\ {top: '100px'、left: '20px'、right: '20px’bottom:' 10px '}
  • フォーマット-サポートされるフォーマットは「A3」、「A4」、「A5」、「リーガル」、「レター」、「タブロイド」です。
  • オリエンテーション-「ポートレート」と「ランドスケープ」。デフォルトでは「ポートレート」です。
  • ヘッダーとフッター-ヘッダーとフッターは、高さとコンテンツのプロパティを持つオブジェクト形式で提供できます。

構文

その構文は次のとおりです-

header: {
   height: "1cm",
   contents: phantom.callback(function(pageNumber, nPages) {
      return "<h1>Header <b>" + pageNumber + "/" + nPages + "</b></h1>";
   })
}
footer: {
   height: "1cm",
   contents: phantom.callback(function(pageNumber, nPages) {
      return "<h1>Footer <b>" + pageNumber + "/" + nPages + "</b></h1>";
   })
}
*paperSize* の構文は次のとおりです-
wpage.paperSize = {
   width: '600px',
   height: '1500px',

   margin: {
      'top':'50px',
      'left':'50px',
      'rigth':'50px'
   },
   orientation:'portrait',

   header: {
      height: "1cm",
      contents: phantom.callback(function(pageNumber, nPages) {
         return "<h5>Header <b>" + pageNumber + "/" + nPages + "</b></h5>";
      })
   },
   footer: {
      height: "1cm",
      contents: phantom.callback(function(pageNumber, nPages) {
         return "<h5>Footer <b>" + pageNumber + "/" + nPages + "</b></h5>";
      })
   }
}

*paperSize* プロパティの使用を理解するための例を見てみましょう。
var wpage = require('webpage').create();
var url = "http://localhost/tasks/al";
var output = "test.pdf";

wpage.paperSize = {
   width: '600px',
   height: '1500px',

   margin: {
      'top':'50px',
      'left':'50px',
      'rigth':'50px'
   },
   orientation:'portrait',

   header: {
      height: "1cm",
      contents: phantom.callback(function(pageNumber, nPages) {
         return "<h5>Header <b>" + pageNumber + "/" + nPages + "</b></h5>";
      })
   },
   footer: {
      height: "1cm",
      contents: phantom.callback(function(pageNumber, nPages) {
         return "<h5>Footer <b>" + pageNumber + "/" + nPages + "</b></h5>";
      })
   }
}
wpage.open(url, function (status) {
   if (status !== 'success') {
      console.log('Page is not opening');
      phantom.exit();
   } else {
      wpage.render(output);
      phantom.exit();
   }
});

上記のプログラムは、次の output を生成します。

test.pdf

上記の例では、URLを開いて、それに用紙サイズのオプションを与えています。 wpage.render(出力)は、指定されたURLをPDF形式に変換します。 pdfファイルは、上記の出力ではvar output = "test.pdf"として指定した出力に保存されます。

ファイルを保存する場所を定義できます。 ヘッダーとフッターで使用される用紙サイズの寸法を含むPDF形式を提供します。 上記のコードを実行して、pdfファイルがどのようにレンダリングされるかを確認できます。