PDF Export Demo [yFiles for HTML]

This demo shows how to export the whole diagram or a part of it to a PDF.

Things to Try

Resize and move the hatched rectangle to control the region which will be exported.
Export shows the exported drawing in an popup containing the PDF.
Disable Export Rectangle Contents to export the complete graph instead of the rectangle's region.
Explore the settings for scale and margin.
The client side PDF export also supports custom fonts which is illustrated by the 'Custom Fonts' sample graph. To make use of custom fonts, they need to be preprocessed and registered at the jsPDF instance. Please see the readme for more details.

Details

The demo shows an approach that completely runs in the client's browser, as well as an approach for a server sided export. The client side export uses svg2pdf and a fork of jsPDF where we contributed major changes and extensions. Please see its readme on github.com. Although our fork of jsPDF adds many features like gradients and line style support, the actual export result may differ from the graph in the graph component.

Server-sided export

The server sided export is a minimal example of how to export the graph using an external service hosted on a server. It shows the export by a Java Servlet that uses the Apache Batik SVG Toolkit as well as the export via a PhantomJS server.

Please be aware that the Java servlet does not support gradients, and prints only blank instead.

The server sided export button will be enabled, when either of the PhantomJS or Batik Servlet servers are alive on loading time of the demo. To run the servers, see their respective readme in ./java-servlet/ and ./phantomjs-server/.

Please be aware that PDF export via the java-servlet and batik does not support gradients. Therefore the exported icons won't display areas where a gradient was in place.

The PhantomJS solution supports gradients, though they are rendered as pixel graphics.

Imprint | Privacy Policy | View on GitHub

Client Side Export