使用PhantomJS渲染图像的HTML

Red Taz 发表于 Dev

红塔兹

我正在尝试使用PhantomJS（版本1.9.7）从HTML文本创建PDF。我编写了一个非常简单的脚本（由于错误回调等因素而变得更加复杂）

phantom.onError = function(msg, trace) {
    var msgStack = ['PHANTOM ERROR: ' + msg];
    if (trace && trace.length) {
        msgStack.push('TRACE:');
        trace.forEach(function(t) {
            msgStack.push(' -> ' + (t.file || t.sourceURL) + ': ' + t.line + (t.function ? ' (in function ' + t.function + ')' : ''));
        });
    }
    system.stdout.write(msgStack.join('\n'));
    phantom.exit(1);
};

var page = require('webpage').create();
page.viewportSize = { width: 800, height: 600 };
page.paperSize = { format: 'A4', orientation: 'portrait', margin: '1cm' };
page.onResourceRequested = function(requestData, networkRequest) {
    console.log('Request (#' + requestData.id + '): ' + JSON.stringify(requestData));
};
page.onResourceReceived = function(response) {
    console.log('Response (#' + response.id + ', stage "' + response.stage + '"): ' + JSON.stringify(response));
};
page.onResourceError = function(resourceError) {
    console.log('Unable to load resource (#' + resourceError.id + 'URL:' + resourceError.url + ')');
    console.log('Error code: ' + resourceError.errorCode + '. Description: ' + resourceError.errorString);
};
page.onError = function(msg, trace) {
    var msgStack = ['ERROR: ' + msg];
    if (trace && trace.length) {
        msgStack.push('TRACE:');
        trace.forEach(function(t) {
            msgStack.push(' -> ' + t.file + ': ' + t.line + (t.function ? ' (in function "' + t.function + '")' : ''));
        });
    }
    console.error(msgStack.join('\n'));
};

page.content = "<html><body><b>test</b><img src=\"http://www.google.co.uk/images/srpr/logo11w.png\" alt=\"\" border=\"0\" /></body></html>";
page.render('tmp.pdf');
setTimeout(function() {
    phantom.exit();
}, 5000);

我设置页面，将简单的HTML字符串分配给content属性，然后将其呈现为PDF。

该脚本不会产生任何输出。

我将问题缩小到<img>元素，将其删除后，将按预期生成PDF。从回调函数中我可以看到请求了图像，收到了响应，并且没有错误报告。我尝试渲染到PNG，但也不会产生任何输出。

我已经探讨了这是代理问题的可能性，但是raserize.js示例可以正常工作。

Cybermaxs

页面完全加载后，您必须调用render。请记住，通过page.open或加载页面page.content始终是异步的。

将您的代码更改为此

page.content = "<html><body><b>test</b><img src=\"http://www.google.co.uk/images/srpr/logo11w.png\" alt=\"\" border=\"0\" /></body></html>";
setTimeout(function() {
    page.render('tmp.pdf');
    phantom.exit();
}, 5000);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。