Best Practices for Silent Web PDF Printing in E‑commerce Workflows

Conclusion

Implement the printing approach that matches the specific scenario:

Scenario 1 – Directly print an existing PDF file

Backend fetches the PDF from a CDN URL and loads it into memory.

Backend encodes the PDF as a Base64 string and returns it to the front end.

Front end decodes the Base64 string and uses pdfjs to render the PDF onto a hidden canvas element.

Front end invokes the Lodop control to print the canvas as an image directly to the printer.

Scenario 2 – Backend returns raw data for printing

Backend supplies the data fields that need to be printed.

Front end uses html2canvas to render the data onto a hidden canvas.

Front end calls Lodop to print the canvas image directly.

Scenario 3 – Front‑end download PDF (often paired with a printing need)

Backend provides the data fields required for the document.

Front end converts the DOM to a canvas via html2canvas.

Front end generates a PDF file with jspdf from the canvas.

Analysis Process

The requirement was to silently print a PDF procurement list without a preview step, a common need in e‑commerce integrations with merchants and suppliers. Various PDF‑related techniques were compared on dimensions such as direct PDF printing capability, production‑environment stability, runtime environment, integration method, commercial licensing cost, and browser compatibility. A two‑dimensional matrix was created, and Lodop emerged as the clear winner. The commercial version costs 970 RMB (the free version adds a watermark), which is acceptable for a production system.

Lodop does not accept a PDF URL as a direct input. A GitHub demo showed that a PDF can be decoded from Base64, rendered with pdfjs onto a canvas, and then printed via Lodop. Consequently, the problem reduced to having the backend return the PDF as a Base64 string.

Putting the pieces together, the final workflow is: backend returns data → html2canvas creates a hidden canvas → Lodop prints the canvas, achieving silent PDF printing.

Key Takeaways

Technical enthusiasts should maintain an exploratory mindset, perform thorough technology selection, and identify optimal solutions to demonstrate real‑world technical value.