Javascript printToPDF不会打印所有webContent视图
我正在使用下面的代码将WebContent视图保存到PDF文件中Javascript printToPDF不会打印所有webContent视图,javascript,electron,Javascript,Electron,我正在使用下面的代码将WebContent视图保存到PDF文件中 saveReport() { const remote = require('electron').remote; const webContents = remote.getCurrentWebContents(); webContents.printToPDF({ pageSize: 'A3', landscape: fa
saveReport() {
const remote = require('electron').remote;
const webContents = remote.getCurrentWebContents();
webContents.printToPDF({
pageSize: 'A3',
landscape: false
}, (err, data) => {
remote.require('fs')
.writeFile(TEMP_URL, data);
});
},
视图是一个报告,里面有很长的内容(见下文)
我看到的不是完整视图,而是带有滚动条的单个页面中的部分视图。下面是生成的PDF的屏幕截图
预期行为
就像真正的浏览器一样,生成的PDF应该包含所有视图。如果单个页面没有提供足够的空间,则应生成多个页面
我认为我的css可能有问题。我对当前项目有类似的要求,我注意到当您使用此api时,您可以通过将css文件添加到主html并将媒体查询设置为print
media=“print”
来自定义pdf的呈现方式
仅当您通过api方法printToPdf()
打印某些内容或将其导出为pdf时,才会应用此css样式表
如果您正在使用一些ui工具包,如光子或引导,请尝试禁用它,看看是否有帮助
最后一个提示:尝试使用css属性分页符之前:始终代码>
希望这有帮助