Question

我正在测试phantomjs，用于从我本地的网页创建截图。

这是HTML在localhost中呈现的方式 - 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

Answer 1

我自己解决了这个问题。以下是工作代码 -

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'};

希望它对未来的访客有所帮助。

Phantomjs没有正确捕获网页的屏幕截图

1 个答案: