2015-03-14 2 views
1

Я тестирую phantomjs для создания скриншотов с веб-страницы на моем локальном конце.Phanomjs не правильно захватывает скриншот веб-страницы

Это как HTML оказывает на локальном хосте - Output

Но на создание PDF из кода, ширина не устанавливает должным образом в формате PDF, то есть какой-то текст урезается, как показано ниже.

Ниже приводится код, я устал -

var url = 'http://localhost:5656'; 
page.open(url); 

page.onLoadFinished = function() { 
    var pdfName = 'screen'; 
    page.render(pdfName + ".pdf"); 
    var height = page.evaluate(function() { return document.body.offsetHeight }), 
     width = page.evaluate(function() { return document.body.offsetWidth }); 
    console.log(height,width); 
}; 

Я также попробовал эти два свойства, но получать тот же результат -

page.clipRect = { top: 0, left: 0, right: 0, width: 1286}; 
page.viewportSize = { width: 1024, height: 768}; 

Позвольте мне знать, что я делаю неправильно здесь.

выход я получаю - pdf image I am getting

ответ

0

Я решил этот вопрос самостоятельно. Ниже приводится рабочий код -

var url = 'http://localhost:5656'; 
page.open(url); 

page.onLoadFinished = function() { 
    //page.viewportSize = { width: 1400, height: 1200 }; 
    page.paperSize = {format: 'A4'}; 
    var pdfName = 'screen'; 
    page.render(pdfName + ".pdf"); 
    var height = page.evaluate(function() { return document.body.offsetHeight }), 
     width = page.evaluate(function() { return document.body.offsetWidth }); 
    console.log(height,width); 
}; 

Как вы можете видеть, после это линия, которая выполнила магию для меня -

page.paperSize = {format: 'A4'}; 

Надеется, что это поможет будущим посетителям.

Смежные вопросы