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