Webブラウザで表示している内容をPDFにしたいというニーズはよくあります。サーバ側でレンダリングして出力するのも良いですが、何かと面倒です。文字だけであればまだしも、画像をドローイングされた内容をPDF化するのはさらに大変です。 そこで使ってみたいのがsvg2pdf.jsです。WebブラウザだけでSVGをPDF化します。

svg2pdf.jsの使い方

例えばこんな複雑なチャート。これはSVGです。

PDF化しました。大きさが特殊なものでも大丈夫です。

さらに画像を使ったネットワーク図。

これもちゃんとPDF化できます。

グラフの例。

ちゃんとラベルも含めてPDF化されています。

フローチャート。

配置もばっちりです。

svg2pdf.jsを使うことで、表示しているSVGをそのままPDF化できます。SVGでグラフやチャートを表示するライブラリは多数あるので、それらと組み合わせることでユーザビリティを向上できそうです。

svg2pdf.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

yWorks/svg2pdf.js: A javascript-only SVG to PDF conversion utility that runs in the browser. Brought to you by yWorks - the diagramming experts