phantomJSでpdfをレンダリングするときにマージンを取り除く

Question

PhantomJSを使用してD3チャートを含むHTML WebページをPDFレポートにレンダリングしています.Rasterize.jsに何らかの変更を加えた後、レポートはほぼ完全に見えます。しかし、私が何を変えても、左と右のマージンを完全に排除することはできませんでした。誰かがこれらのマージンを完全に取り除くためにraterize.jsに修正を提案できますか？ファイルの変更は次のとおりです。 -

page.viewportSize = { width: 595, height: 842 }; //**A4** 
    if (system.args.length > 3 && system.args[2].substr(-4) === ".pdf") { 
    size = system.args[3].split('*'); 
    page.paperSize = size.length === 2 ? { width: size[0], height: size[1], margin: '-150px' } 
             : { format: system.args[3], orientation: 'portrait', margin: '-4cm' }; //**Swapnil:- added a negative margin to utilize the entire width of the canvas. (Reduces the margins but does not eliminate them completely)** 
} else if (system.args.length > 3 && system.args[3].substr(-2) === "px") { 
    size = system.args[3].split('*'); 
    if (size.length === 2) { 
     pageWidth = parseInt(size[0], 10); 
     pageHeight = parseInt(size[1], 10); 
     page.viewportSize = { width: pageWidth, height: pageHeight }; 
     page.clipRect = { top: 0, left: 0, width: pageWidth, height: pageHeight }; 
    } else { 
     console.log("size:", system.args[3]); 
     pageWidth = parseInt(system.args[3], 10); 
     pageHeight = parseInt(pageWidth * 3/4, 10); // it's as good an assumption as any 
     console.log ("pageHeight:",pageHeight); 
     page.viewportSize = { width: pageWidth, height: pageHeight }; 
    } 
} 
if (system.args.length > 4) { 
    page.zoomFactor = system.args[4]; 
} 
page.open(address, function (status) { 
    if (status !== 'success') { 
     console.log('Unable to load the address!'); 
     phantom.exit(1); 
    } else { 
     window.setTimeout(function() { 
      page.render(output); 
      phantom.exit(); 
     }, 20000); // **Swapnil:- increased time out to ensure all the charts load perfectly** 
    } 
}); 

ありがとうございました！すべての

Answer 1

まず0に余白を設定します。

page.paperSize = { 
    // ... 
    margin: { top: 0, right: 0, bottom: 0, left: 0 } 
}; 

次はあなたがPDFのページサイズが正確にあなたのコンテンツのサイズであることを確認する必要があります。あなたは、ピクセル単位でのレンダリングされたページの幅に合わせて幅を設定することにより、...のいずれか...

ことを行う（手動で使うどんな形式のための高さを計算）とDPI

で電位差を調整することができます

または

...ページが完全に収まるまでズームして再生します。

どちらかといえば手間がかかります。 Phantomjsはページを完全にレンダリングできますが、簡単ではありません。