PhantomJS-每页渲染图像

PhantomJS-每页渲染图像,phantomjs,Phantomjs,所以我正在迁移到PhantomJS,为我们的站点呈现PDF和屏幕截图。除了给我带来麻烦的一件事之外,一切都差不多解决了 是否可以使用PhantomJS在文档中的每个“页面”呈现单个图像?除了每个页面都有一个新的图像外,它与在PDF中分页的方式类似 类似于在PDF中分页的方式 我想你说的是财产 每个“页面”呈现一个图像 如果您只是一页一页地“移动”clipRect,将每个过程介绍呈现为单独的文件,会怎么样? 大概是这样的: var page = require('webpage').create(

所以我正在迁移到PhantomJS,为我们的站点呈现PDF和屏幕截图。除了给我带来麻烦的一件事之外,一切都差不多解决了

是否可以使用PhantomJS在文档中的每个“页面”呈现单个图像?除了每个页面都有一个新的图像外,它与在PDF中分页的方式类似

类似于在PDF中分页的方式

我想你说的是财产

每个“页面”呈现一个图像

如果您只是一页一页地“移动”clipRect,将每个过程介绍呈现为单独的文件,会怎么样?
大概是这样的:

var page = require('webpage').create();
var pageHeight = 600;
var pageWidth = 400;
var index = 0;
var maxPages = 5;

page.viewportSize = { width: pageWidth, height: pageHeight };

function takeNextPage() {
    page.clipRect = {
        top: index * pageHeight,
        left: 0,
        width: pageWidth,
        height: pageHeight
    };

    page.render('page' + index + '.png');

    if (++index < maxPages) {
        takeNextPage();
    } else {
        phantom.exit();
    }
}

page.open('http://...', function() {
    takeNextPage();
});
var page=require('webpage').create();
var pageHeight=600;
var pageWidth=400;
var指数=0;
var-maxPages=5;
page.viewportSize={width:pageWidth,height:pageHeight};
函数takeNextPage(){
page.clipRect={
顶部:索引*页面高度,
左:0,,
宽度:页面宽度,
高度:页面高度
};
page.render('page'+index+'.png');
如果(++索引
一点也不坏,尽管在理想情况下,它会监听CSS中定义的分页符。这对我来说是一个很好的起点,所以非常感谢你的建议。