ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

そんなピンチ、ズームと言った操作をWeb上でも使えるようにするのがRTP.PinchZoom.jsです。

RTP.PinchZoom.jsの使い方

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

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

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

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

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

RTP.PinchZoom.js

manuelstofer/pinchzoom: A Javascript library providing multi-touch gestures for zooming and dragging on any DOM element.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2