使用Phantom.js将HTML代码添加到PNG

时间:2014-05-22 00:20:44

标签: phantomjs

有没有办法给Phantom.js HTML代码而不是要渲染的URL?

HTML网址示例

var page = require('webpage').create();
page.open('http://github.com/', function() {
    page.render('github.png');
    phantom.exit();
});

所需的HTML标记示例

var page = require('webpage').create();
page.open('<html><head><style>SOME CSS</style></head><body><div>SOME TEXT AND IMAGES</div></body></html>',
    function() {
        page.render('github.png');
        phantom.exit();
    }
);

1 个答案:

答案 0 :(得分:3)

是的,有一种方法可以做到这一点:

var page = require('webpage').create();
page.viewportSize = { width: 800, height : 600 };
page.content = '<html><head><style>SOME CSS</style></head><body><div>SOME TEXT AND IMAGES</div></body></html>';

page.evaluate(function() {
    // your logic here
});

page.render('github.png');

phantom.exit();