QZ托盘使用css3和表头重复的原始html多页打印

时间:2019-05-20 14:44:23

标签: javascript reactjs qz-tray

我正在尝试使用qz-tray来打印包含表(可以超过2-3页)的原始html。.我放了一个表头,以便它在每一页上都重复。.但是一旦我发送到数据到qz纸盘,我看不到打印头重复出现,而且打印效果相当像素化。

const config = qz.configs.create('printerName');
const data = [{
  type: 'html',
  format: 'plain',
  scaleContent: false,
  data: htmlToRender,
}];
return qz.print(config, data);

1 个答案:

答案 0 :(得分:0)

  

html包含可以超过2-3页的表格。

在撰写本文时,QZ Tray在底层使用Java FX的HTML WebView,无法使用@media print或分页样式。

  

印刷品非常像素化

这是QZ Tray 2.0的限制。它使用Java 7的WebView并拍摄了HTML内容的屏幕截图。

QZ Tray 2.1使用Java 8的WebView解决了质量问题,该WebView具有基本的打印支持,不再需要劣质的屏幕截图代码。

请注意,QZ Tray的PDF API不会遇到上述任何一个问题,但是您需要一个中间的PDF转换器步骤。