スマートフォンアプリでよく使われるのがピンチ操作です。複数指を使って操作することで、デスクトップではできなかったような操作が可能になります。より直感的で、誰でもすぐに使いこなせるのも利点です。
そんなピンチ、ズームと言った操作をWeb上でも使えるようにするのがRTP.PinchZoom.jsです。
RTP.PinchZoom.jsの使い方
デモです。カエルの写真です。
ピンチ操作で拡大できます。別なDOMは拡大されていません。
二本指でドラッグもできます。
操作性としてはWeb版のGoogleマップ操作に近いように思います。スマートフォンは画面が小さいので、大きな写真を表示した際にピンチ操作によるズームは便利そうです。他のDOMもまとめて全体が拡大されてしまうのとは異なる動きになります。
RTP.PinchZoom.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。
MOONGIFTの関連記事
コメント
