Vimple Star Sprites

PDFをpdf.jsで表示させよう

23:19 |

• mozilla/pdf.js - GitHub

脱プラグイン！

pdf.jsに関しては知っている人も多いと思う。PDFファイルをCanvasを使ってレンダリングさせる奴だ。

上記ページのREADMEにFirefox拡張機能があったのでインストールしてみた。

良い感じ。

Vimperatorと相性が結構良い。

• j, k等のキーバインドがきちんと効く
• ヒントも動く（ページ内ジャンプ等）

注意点

pdf.jsにハンドリングさせるために

オプション->プログラムのPDF関連を"標準設定"にしておかないと、pdf.js側でハンドリングされない模様。

最小フォントサイズ

• https://github.com/mozilla/pdf.js/issues/187

最小フォントサイズが設定されていると、文字のレンダリングが狂うという致命的な問題がある。現状設定しない方が良い。

ヒントの背景色

背景色を透過させないと文字が隠れてしまう。

上記ヒントの図では

hi HintElem background-color: rgba(255,255,0,0.5); color: black;

に設定している。

キーバインド

少しmap設定してみた

nnoremap -urls "^chrome:\\/\\/pdf\\.js\\/content\\/web\\/viewer.html\\?file=.*" <C-j> :js content.window.PDFView.page++<CR>
nnoremap -urls "^chrome:\\/\\/pdf\\.js\\/content\\/web\\/viewer.html\\?file=.*" <C-k> :js content.window.PDFView.page--<CR>