PhantomJS - 渲染无法显示所有图像

解决了这个问题.事实证明PhantomJS render在执行时仍在准备图像.如下图所示,移动render到onLoadFinished处理程序中解决了问题.之前,page.render在page.content =任务之后立即被召唤.

对于那些有兴趣做类似事情的人来说,这是我们正在做的过程的要点:

var htmlForAllPages = [];

然后,当我们在PhantomJS中加载每个页面时:

var img = page.renderBase64('PNG');
...
htmlForAllPages.push('<img src="data:image/png;base64,' + img + '">');
...

完成后,将创建最终的PDF ...我们已准备好模板文件,包含所有必需的HTML和CSS等,只需将生成的HTML插入其中:

var fs = require('fs');
var template = fs.read('DocumentationTemplate.html');
var finalHtml = template.replace('INSERTBODYHERE', htmlForAllPages.join('\n'));

var pdfPage = new WebPage();
pdfPage.onLoadFinished = function() {
    pdfPage.render('Final.pdf');
    pdfPage.close();
};
pdfPage.content = finalHtml;