Hatena::ブログ(Diary)

Dマイナー志向 このページをアンテナに追加 RSSフィード

2012-03-25

大きなディスプレイでPDFなどの文書を読むときは横スクロールが最強だと思うので実装してみた

以前から、縦幅基準に1ページまるごと収めても十分読めるほどディスプレイが大きいのであれば、PDFビューアのページ遷移は水平方向にスクロールすべきだと思ってたんですね。

画面が広いとこういうの無駄だよね。

f:id:tmatsuu:20120325180007p:image

じゃあこうすればいいんじゃね?

f:id:tmatsuu:20120325180006p:image

画面を縦にするって手もありますが、こういう風に横に並べると複数ページにまたいで確認できるのもメリット。ワイド液晶なら3ページぐらい表示できちゃうかも。

しかし…

しかし既存のPDFビューアで水平方向にスクロールできるものは見当たらず、またPDFビューアを1から作るほどのスキルはないのでどうしたものか。

で、そういえばJavaScriptで実装されたPDFビューアがあったな、ということを思い出しました。

mozilla/pdf.js @ GitHub

お、JavaScriptなら俺でも改造できるかも?ということで、水平方向にスクロールできるPDFビューアを作ってみました。

作ってみた

本家のpdf.jsのデモ

http://mozilla.github.com/pdf.js/web/viewer.html

f:id:tmatsuu:20120325181346p:image

左右がムダ

今回改造してみたデモ

CSS3のdisplay:boxを使っているため、FirefoxまたはWebKit系(Safari,Chrome)でしか動きません。

http://matsuu.github.com/pdf.js/web/viewer.html

f:id:tmatsuu:20120325181344p:image

わかりにくいですが、横スクロールでページ遷移できます。実際にデモでご確認ください。右上がぶっ壊れてるのは仕様です。

大きいディスプレイだと結構いいんじゃね?

改造したところ

本家pdf.jsからの実装変更点はこちらのブランチにまとめてます。

たったこれだけで横スクロールにできたよ。やっほーい。

まとめ

PDFのみならず、文書ビューアを作成されている皆さん、是非水平方向にスクロールする機能を実装してください。

ホゲホゲホゲホゲ 2012/11/11 01:36 Win + AdobeReader で縦スクロールだけど、これじゃダメかい?
ttp://i.imgur.com/vMRas.jpg

tmatsuutmatsuu 2012/11/11 22:26 ダメです。我々は横スクロールが欲しいのです。

たなたな 2013/01/25 17:34 素晴らしいです!こんなのが欲しかった!
欲を言えば、スタンドアローンのアプリにしてもらえたらもっとうれしいです。

LisaLisa 2016/05/07 07:09 すごく便利で感激しました。ただAdobeReaderの手のひらツールみたいな機能があればうれしいです。既存のプラグインとかで対応できるのでしょうか。。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/tmatsuu/20120325/1332667357