3
PhantomJS를 사용하여 D3 차트가있는 html 웹 페이지를 PDF 보고서로 렌더링합니다. rasterize.js를 약간 변경 한 후에 보고서가 완벽하게 보입니다. 그러나 내가 무엇을 바꿔도 왼쪽 및 오른쪽 여백을 완전히 없앨 수는 없었습니다. 누군가이 여백을 모두 없애기 위해 어떤 변경을 제안 할 수 있습니까? 파일의 변경 사항은 다음과 같습니다. -phantomJS를 사용하여 pdf를 렌더링하는 동안 여백을 제거합니다.
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**
}
});
고마워요! 모든