PDFを読み込んでcanvasに描画するJavaScriptライブラリ「pdf.js」

通常PDFをブラウザ上で閲覧するにはAdobe Readerやビューワー用の拡張が必要ですよね。
Mozillaの人達がこうした問題を解決するために、pdf.jsというライブラリを公開したようです。

HTML5が動作するブラウザさえあればPDFが表示できるようになる便利なライブラリになっています。

まだ開発中との事で、日本語表示がうまく出来なかったりFirefox以外では動作しないなど問題はありますが、
これからが楽しみですね。

サンプルのソースコードもありますので、興味のある方は下のリンクからどうぞ。

PDFをWordやHTML、テキストファイルなどに変換出来るPDFZillaというソフトが今だけ無料でダウンロードできるようです。

使ってみたところ日本語も問題なかったです！
変換したいPDFファイルをドラッグするだけで、簡単に変換できるようになります。

通常は$29.95するのですが、2月5日まで無料で入手できるそうですので、
気になる方は今のうちにダウンロードしてください。

Lifehackerの記事で知りました。情報に感謝！
PDFZilla Batch Converts PDFs to Editable Formats, Is Free Until February

ダウンロードしてみる

↑サイトにアクセスすると、DOWNLOAD FREE!というボタンがあるので、ここからダウンロードします。

↑ダウンロードしたexeファイルを実行します。
Nextでどんどん進んでOKです。
インストールフォルダが c:\PDFZilla にデフォルトでなっているので、c:\Program Files\PDFzilla に変更しました。

↑インストールが完了して、最初に起動した状態です。
右上のRegisterをクリックします。

すると、ブラウザが起動して購入してくださいと言われますが、これは無視してOKです。

シリアルナンバーを入力する画面が表示されているので、「8061822TWDV6YUK」と入力します。

↑すると、登録完了画面が表示されます。
これで、登録完了です。

変換したいPDFを選ぶ

↑起動した画面から、変換したいファイル形式を選択します。

↑画面にドラッグしてくださいと、表示されるので、変換したいファイルをドラッグします。

画面右側のOutput Formatという所から変換するファイル形式を選びます。
Word、RTF,TXT、JPGなどから選べます。

最後にStart COnverting Now ボタンを押すと
エクスプローラーが立ち上がって、変換したファイルを確認することができます。

これは便利ですね！
PDFから他のファイルに変換できるソフトはあまり多くないと思います。
編集用のファイルを無くしてしまった場合のために、今のうちに入れておくとよ良いかもしれません。

PDFファイルをSWFに変換してくれるWEBサービスが地味に便利だったのでご紹介。

ファイルをアップロードして、パラメータを設定するだけで簡単に作成されるようになります。
コンバートの時間も1MのPDFで１０秒程度でした。
アップロードできるファイルサイズは10Mまでとの事です。

様々なパラメーの指定

■ 画面の横幅
50〜500pxの範囲

■ 画面の高さ
50〜500pxの範囲

■ ページ数
最大で210ページまで指定可能です。

■ 拡大率
等倍〜４倍まで

■ 紙面のサイズ
A3~A6、CDジャケットのサイズまで

コンバートの完了

コンバートの完了時にはDownload your fileというリンクが表示されるので、SWFファイルをダウンロードできるようになります。

作成されたFlashにはHTMLも付属しているため、そのままサイトに掲載できるようになっています。
次、前ボタンやめくるような動作も自動で生成されています。

※残念ながら、日本語の場合は文字化けがしてしまいました。
フォントを埋め込んでいるPDFだと動作するかもしれません。

デザイン案を作る時やラフスケッチを作る時に使えそうです。
印刷すればどこでもブラウザ(?)になりますね。

1024 × 768pxのサイズとグリッド線が入ったものが使えます。

普段から紙とペンで作業される方は使ってみてはいかがでしょうか。

PDFファイルへのリンクは嫌がられる場合も多いため、こういったライブラリで表示させられると嬉しいですね。
ファイルはSWC形式で配布されているため、簡単に組み込む事が可能です。

詳しくは以下

表示画面

設置すると上部にUIがあり、そこから拡大縮小などが操作できます。

一覧で表示する事なんかも。

豊富な機能

以下の機能をサポートしています。

• ズームイン・ズームアウト
• ページング
• フルスクリーン
• 検索
• 印刷

PDFの表示には変換が必要

PDFファイルはそのままでは表示できないようで、一度 PDF から SWFに変換して読み込むようです。

変換はSWFToolsでコマンドラインから実行可能です。

C:\SWFTools\pdf2swf.exe Paper3.pdf -o  Paper3.swf -T 9 -f

最終的なコードはシンプルに実装できるようです。
以下はMXMLから呼び出した場合のサンプルコードです。

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%" xmlns:fp="com.devaldi.controls.flexpaper.*">
    <fp:FlexPaperViewer width="520" height="450" Scale="0.6" SwfFile="Paper3.swf" /> 
</mx:Application>

非商用の場合と商用利用の場合はライセンス形態が違うようです。利用には注意してください。

ページ内でPDFを表示させたい場合にいかがでしょうか。

Apple iPad fully editable PSD

iPadの枠付きのPSDがダウンロード可能になっています。
全体の雰囲気はこれでつかめるのではないでしょうか。

iPad GUI PSD

PSD形式でダウンロード可能です。UI要素もとても豊富になっています。

通常PDFを作成するにはAcrobatとかインストールするわけですが、
ソフトがインストールされていないPCでも簡単にPDFを作成できるWEBサービスのため重宝しそうです。

URLにクエリーを追加するだけで指定したサイトのPDFを作成してくれます。
具体的にはこんな感じになります。

http://pdfmyurl.com?url=https://blog.verygoodtown.com/

試してみたところ、生成されるスピードもかなり早いです。
本文中のリンクをクリックするときちんとリンクされたりするなど、有料のソフトに見劣りしない機能があります。
日本語も問題なく表示されるのでかなり使えるサービスだと思います。