pdf.jsのファイルが結構大きいですね。 $ ls -l -rw-r--r-- 1 tsukuma tsukuma 1524113 2月 13 11:24 pdf.js で、Readmeに公開するときはminifiedすべきでしょうと記載がありましたので、minifiedしてみます。 jsファイルが1つしかないので ├── build/ │ ├── pdf.js - display layer │ ├── pdf.js.map - display layer's source map │ ├── pdf.worker.js - core layer │ └── pdf.worker.js.map - core layer's source map ├── web/ │ ├── cmaps/ - character maps (required by core) │ ├── compressed.tracemonkey-pldi-09.pdf - PDF file for ※2020/4/2 バージョンをアップデートしました。 主題のとおりです。PDF.jsというライブラリを利用してみたので共有します。 せっかくなので、Pythonでサーバーを挙げて確認しようと思います。 前に説明したFlaskを利用しますよ(^^)/ kenteiblog.hatenablog.com 1. PDF.jsを手に入れる まずはライブラリを 前提・実現したいことPDF.js(ver 1.6.348)を使って、システムからS3にアップロードされたPDFファイルを閲覧できるようにしています。 描画するのは1ページずつです。 対応ブラウザは下記のとおりです。 Chrome 最新 FireFox 最新 IE 別の PDF ファイルを表示してみる たとえば、このサンプルフォームがブラウザーで表示されるかどうかを確認します。 このサンプルフォームを Acrobat または Reader で開ける場合は、もう一方の PDF が損傷しているか、または Web サーバーに問題がある可能性があります。 javascriptだけでPDFが生成できるのでs3だけでも動的なPDF生成… 2013-07-28 算数プリント生成のプロトタイプ作ってみました。

Download PDF.js - A JavaScript/HTML5 PDF reader, also used as the built-in PDF viewer for the Mozilla Firefox browser New in PDF.js 1.1.3: Creates/refactors PDFPageView class Use Content-Range instead of Content

PDFをWebページ上で表示、操作する「PDF.js」を使ってみます。 PDF.jsを入手 まずはPDF.jsを下記よりダウンロードします。 https://mozilla.github.io/pdf.js/ 設置する 今回は解凍したファイルをすべてルート直下に設置します。 サイズの大きいpdfをダウンロードする手間は、利用者のストレスになることも考えられますよね。 そこで今回は、ブラウザ上でpdfビューアを起動してスマートフォンでも快適にpdfを閲覧できるjsスクリプトをご紹介します。 demoはこちらです。 pdf.jsは自動でpdfファイルをちょっとづつ取得して表示するので意外大きなファイルでも大丈夫そうだった。 これを