Phantomjs-render-method

PhantomJS-render（）

レンダリングは、画像バッファを取得し、指定された形式に従って保存するのに役立ちます。 サポートされている形式は、PDF、PNG、JPEG、BMP、PPM、GIFです（サポートは使用するQTのビルドによって異なります）。

品質

0〜100の整数をサポートします。 主にJPEGおよびPNG形式で使用されます。 JPEGの場合、パーセンテージで使用されます。 レベル0は非常に小さく低品質のファイルを生成し、100は高品質のファイルを生成します。 デフォルト値は75です。 PNGの場合、圧縮レベルとして設定されます。0は小さいファイルで、100は大きいファイルです。

*clipRect、viewportSize、paperSize* をrenderメソッドとともに使用して、必要に応じて形式で画像バッファをレンダリングできます。

構文

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

wpage.render(filename,  {format: PDF|PNG|JPEG|BMP|PPM|GIF, quality: '100'});

例：画像

• render（）*メソッドの使用を理解するための例を見てみましょう。

var wpage = require('webpage').create();
wpage.viewportSize = { width: 1920, height: 1080 };

wpage.open("http://www.google.com", function start(status) {
   wpage.render('image.jpeg', {format: 'jpeg', quality: '100'});
   phantom.exit();
});

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

ZoomFator Search

例：PDF

別の例を考えてみましょう。

var wpage = require('webpage').create();
var url = "https://jquery.com/download/";
var output = "display.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 を生成します。

Saves as display.pdf with header and footer.