Warum Phantom die Seite nicht korrekt darstellt?

Question

Ich bin dran, html zu jpg mit Phantomjs zu rendern.

Phantom rendert stackoverflow site perfekt, aber nicht meine eigene html Seite (die pieChart, generiert von js).

hier Phantom Skript:

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(); 
}); 

Und hier ausgegeben img:

Wie Rendering zu beheben?

Answer 1

Das Diagramm wird wahrscheinlich nicht im Bild angezeigt, da der Screenshot unmittelbar nach dem Öffnen der Seite erstellt wird. Versuchen Sie, das Erstellen eines Screenshots für eine Sekunde wie folgt zu verzögern:

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