XFA - Add support to print XFA forms

Author: calixteman

web/firefox_print_service.js

@@ -33,6 +33,7 @@ function composePage(
   canvas.height = Math.floor(size.height * PRINT_UNITS);
 
   const canvasWrapper = document.createElement("div");
+  canvasWrapper.setAttribute("class", "printedPage");
   canvasWrapper.appendChild(canvas);
   printContainer.appendChild(canvasWrapper);
 

web/pdf_print_service.js

@@ -14,6 +14,8 @@
  */
 
 import { PDFPrintServiceFactory, PDFViewerApplication } from "./app.js";
+import { CSS_UNITS } from "./ui_utils.js";
+import { DefaultXfaLayerFactory } from "./xfa_layer_builder.js";
 import { viewerCompatibilityParams } from "./viewer_compatibility.js";
 
 let activeService = null;
@@ -27,8 +29,28 @@ function renderPage(
   pageNumber,
   size,
   printResolution,
-  optionalContentConfigPromise
+  optionalContentConfigPromise,
+  printContainer
 ) {
+  if (pdfDocument.isPureXfa) {
+    const page = document.createElement("div");
+    page.setAttribute("class", "xfaPrintedPage");
+    printContainer.appendChild(page);
+
+    return pdfDocument.getPage(pageNumber).then(pdfPage => {
+      const builder = new DefaultXfaLayerFactory().createXfaLayerBuilder(
+        page,
+        pdfPage,
+        pdfDocument.annotationStorage
+      );
+      const viewport = pdfPage.getViewport({
+        scale: CSS_UNITS,
+        rotation: size.rotation,
+      });
+      return builder.render(viewport, "print").promise;
+    });
+  }
+
   const scratchCanvas = activeService.scratchCanvas;
 
   // The size of the canvas in pixels for printing.
@@ -140,6 +162,10 @@ PDFPrintService.prototype = {
 
   renderPages() {
     const pageCount = this.pagesOverview.length;
+    if (pageCount === 0) {
+      return Promise.resolve();
+    }
+
     const renderNextPage = (resolve, reject) => {
       this.throwIfInactive();
       if (++this.currentPage >= pageCount) {
@@ -155,10 +181,15 @@ PDFPrintService.prototype = {
         /* pageNumber = */ index + 1,
         this.pagesOverview[index],
         this._printResolution,
-        this._optionalContentConfigPromise
+        this._optionalContentConfigPromise,
+        this.printContainer
       )
-        .then(this.useRenderedPage.bind(this))
-        .then(function () {
+        .then(() => {
+          if (!this.pdfDocument.isPureXfa) {
+            this.useRenderedPage.bind(this);
+          }
+        })
+        .then(() => {
           renderNextPage(resolve, reject);
         }, reject);
     };
@@ -181,6 +212,7 @@ PDFPrintService.prototype = {
     }
 
     const wrapper = document.createElement("div");
+    wrapper.setAttribute("class", "printedPage");
     wrapper.appendChild(img);
     this.printContainer.appendChild(wrapper);
 

web/viewer.css

@@ -1772,7 +1772,8 @@ html[dir="rtl"] #documentPropertiesOverlay .row > * {
   .toolbar,
   #loadingBox,
   #errorWrapper,
-  .textLayer {
+  .textLayer,
+  .canvasWrapper {
     display: none;
   }
   #viewerContainer {
@@ -1816,7 +1817,7 @@ html[dir="rtl"] #documentPropertiesOverlay .row > * {
     height: 100%;
   }
   /* wrapper around (scaled) print canvas elements */
-  #printContainer > div {
+  #printContainer > .printedPage {
     page-break-after: always;
     page-break-inside: avoid;
 
@@ -1829,8 +1830,17 @@ html[dir="rtl"] #documentPropertiesOverlay .row > * {
     justify-content: center;
     align-items: center;
   }
-  #printContainer canvas,
-  #printContainer img {
+
+  #printContainer > .xfaPrintedPage {
+    page-break-after: always;
+    page-break-inside: avoid;
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
+
+  .printedPage canvas,
+  .printedPage img {
     /* The intrinsic canvas / image size will make sure that we fit the page. */
     max-width: 100%;
     max-height: 100%;

web/xfa_layer_builder.css

@@ -262,3 +262,10 @@
 .xfaTable .xfaRlRow > div {
   flex: 1;
 }
+
+@media print {
+  .xfaTextfield,
+  .xfaSelect {
+    background-color: transparent;
+  }
+}