デジカメやスマートフォンで撮影した写真はどんどん画素数が増え、巨大になっています。Webブラウザで表示したくらいでは確認できないくらい小さな部分まで撮影できます。拡大表示したい時は多いです。 そこで使えるライブラリがtragopanです。Web上でJavaScriptを使って画像のズームイン/アウトができるライブラリです。

tragopanの使い方

元の表示です。

クリックで拡大されていきます。

利用しているところです。

tragopanを使えばJavaScriptを使ってダイナミックに拡大、縮小できます。拡大率は自由に設定可能です。クリックの他、マウスや二本指を使ったズーム/パン操作も可能です。別ライブラリへの依存もなく、使いやすいライブラリです。

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

https://team-video.github.io/tragopan/ team-video/tragopan: Minimal dependency-free pan/zoom library