为什么幻影不会'正确呈现页面？

Question

我想使用phantomjs将html呈现给jpg。

Phantom完美呈现stackoverflow网站，但不要渲染我自己的html页面（显示由js生成的pieChart）。

这里是幻像脚本：

var webPage = require('webpage');
var system = require('system');
var page = webPage.create();


page.viewportSize = { width: 1920, height: 1080 };
page.open(system.args[1], function start(status) {
  page.render('index.jpeg', {format: 'jpeg', quality: '100'});
  phantom.exit();
});

这里输出img：

如何修复渲染？

Answer 1

图表可能未在图片中显示，因为屏幕截图是在页面打开后立即生成的。尝试推迟制作截图一秒钟：

page.open(system.args[1], function start(status) {
  setTimeout(function(){
    page.render('index.jpeg', {format: 'jpeg', quality: '100'});
    phantom.exit();
  }, 1000);
});