みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

pdf.jsをつかってPDFの内容をcanvasにレンダリングする

github.com

すごいライブラリですね。さすがMozilla。


つかいかた

1. ライブラリをダウンロードして解凍

https://mozilla.github.io/pdf.js/getting_started/#download からライブラリをダウンロード

2. ソースを編集

viewer.htmlにアクセスした際、デフォルトではcompressed.tracemonkey-pldi-09.pdfを開くようになっているのですが、
web/viewr.js の28行目を編集することでデフォルトで開くPDFを変更できます。

3. サーバにアップ

buildフォルダもwebフォルダもまとめてアップしましょう。

4. viewer.htmlにアクセス

f:id:kimizuka:20160907102004p:plain
http://kimizuka.github.io/pdfjs/web/viewer.html

PDF
PDF

f:id:kimizuka:20160907102013p:plain
http://kimizuka.github.io/pdfjs/web/illust.pdf



PDF

http://kimizuka.github.io/pdfjs/web/viewer.html?file=illust.pdf

PDF

iPhone

f:id:kimizuka:20160907102028p:plain
Mozilla