RTP.PinchZoom.js - 画像をピンチ操作で拡大 // MOONGIFT Archived

スマートフォンアプリでよく使われるのがピンチ操作です。複数指を使って操作することで、デスクトップではできなかったような操作が可能になります。より直感的で、誰でもすぐに使いこなせるのも利点です。そんなピンチ、ズームと言った操作をWeb上でも使えるようにするのがRTP.PinchZoom.jsです。

RTP.PinchZoom.jsの使い方

デモです。カエルの写真です。

ピンチ操作で拡大できます。別なDOMは拡大されていません。

二本指でドラッグもできます。

操作性としてはWeb版のGoogleマップ操作に近いように思います。スマートフォンは画面が小さいので、大きな写真を表示した際にピンチ操作によるズームは便利そうです。他のDOMもまとめて全体が拡大されてしまうのとは異なる動きになります。

RTP.PinchZoom.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。