Posted: August 2, 2013 / Last updated: August 2, 2013 知っている人は知っている方法だと思いますが、実際にやってみたのでメモ。 ※ デモの画像はこちらからお借りしました。特にライセンスが記述されていなかったのですが、問題があれば差し替えます。 ライブラリは jsgif というのを使わせて頂きました。 手順はライブラリを読み込み、画像をひとコマ分ずつ canvas にロード、ライブラリに追加。終わったらバイナリから gif ファイルを生成、という感じ。 もう少し詳しい解説は以下。 LZWEncoder.js NeuQuant.js GIFEncoder.js を読み込む 適切なサイズの canvas を用意 GIFEncoder からエンコーダを作るvar encoder = new GIFEncoder(); アニメーションの時間間隔など
![超カンタン!HTML5 で GIF アニメを作る方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d81fe154895a766c9f697bb86f403e98b383608/height=288;version=1;width=512/https%3A%2F%2Fblog.agektmr.com%2Fimages%2Fcover.jpg)