developer's diary

最近はc#のエントリが多いです

javascriptでPDF出力。jsPDFとかFileSaver.jsとか。

ソース

<input id="download-pdf" type="button" value="PDFをダウンロード" />
<script type="text/javascript" >
$(document).ready(function() {
  $('#download-pdf').click(function(){
    var doc = new jsPDF();
    doc.setFontSize(40);
    doc.text(10, 20, "out put pdf for jsPDF");
    doc.setFontSize(20);
    doc.text(10, 80, "example1 pdf");
    doc.text(10, 90, "example2 pdf");
    doc.text(10, 100, "example3 pdf");
    doc.addPage();
    doc.text(10, 20, "example4 pdf");
    doc.save('sample.pdf');
  });
});
</script>

DEMO

↑ 上記ボタンを押すとPDFがダウンロードされます。

動き

f:id:mitsugi-bb:20140305012533p:plain

PDFがダウンロードされている様子

f:id:mitsugi-bb:20140305012650p:plain

出力されたPDFを開いてみる

f:id:mitsugi-bb:20140305011022p:plain

利用ライブラリ