❝
アニメーションGIFをマウスホバーやクリックで再生・停止できるようになるJavaScriptライブラリ
「Freezeframe.js」
Freezeframe.jsではアニメーションgifの最初のフレームだけをcanvasに書き込み、gifの静止画バージョンを自動作成します。あとは、この静止画バージョンとアニメーションgifをトリガーで切り替え、アニメーションgifを再生・停止させます。
アニメーションgifの再生・停止をホバー・クリック・タップ、そしてボタン・アイコンでコントロールできる軽量JavaScriptライブラリを紹介します。
canvasに書き込むという発想がすごいですね。
❞