JavaScript

JavaScriptでPDF出力をする方法

こんばんは!

今回はJavaScriptでPDFを出力する方法についてです。

jsPDF

JavaScriptでPDFを出力できるjsPDFというライブラリが公開されていました。

ダウンロードは↓からできます。

https://github.com/MrRio/jsPDF

プログラム

ダウンロードが終わったら「dist」というファイルの中にある「jspdf.min.js」をhtml内で読み込んでプログラムを作成します。

new jsPDFでjsPDFクラスのインスタンスを生成し,textメソッドでPDFに文字を書き込み,saveメソッドでPDFを保存するというシンプルなコードです。

setTextColorメソッドで色を指定しています。(0,255,0)というのはRGB値です。詳しくは下の記事をご覧ください。

RGB基本16色

 

実行すると以下のようになります。

ダウンロードをクリックするとPDFがダウンロードされます。

 

注意

jsPDFでは日本語を表示しようとすると文字化けが起こります。

他の方を見ていると、フォントを埋め込んだりして解決しているようですが、それならPHPで生成した方がいいのでは?と個人的には思います。

 

-JavaScript

Copyright© 物を作る者 , 2020 All Rights Reserved Powered by AFFINGER5.