❮ PhantomJS Webpage 网页模块属性 PhantomJS Webpage 网页模块属性 ❯

PhantomJS - paperSize 属性

更新于 2025/1/29 8:07:17

此属性提供网页的大小，即尺寸，需要使用该属性将网页转换为 pdf 格式。 paperSize 属性包含对象所需的尺寸。如果未定义 paperSize，则将采用网页的尺寸。支持的尺寸单位为"mm"、"cm"、"in"和"px"。默认情况下为"px"。

参数

以下是 paperSize 属性的参数

边距 −它可以作为一个对象给出，其值为'top'、'left'、'bottom'、'right'。默认情况下，它将被视为 0。例如 - margin: {top: '100px',left: '20px',right: '20px'bottom: '10px'>
格式 − 支持的格式为'A3'、'A4'、'A5'、'Legal'、'Letter'、'Tabloid'。
方向 − '纵向' 和 '横向'。默认情况下为 '纵向'。
页眉和页脚 −页眉和页脚可以以具有高度和内容属性的对象格式提供。

语法

其语法如下 −

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/a.html"; 
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(); 
   } 
});

上述程序生成以下输出。