Javascript で gif 画像を生成

May 27, 2006 7:17 PM

このエントリーをはてなブックマークに追加  

Dataスキーム(RFC)を利用して、Javascript のみで gif画像を生成するライブラリを作ってみました。

MLgifLib.js

Dataスキーム対応ブラウザで動作します。(Firefox、Safari など)
今のところ、2-256色、無圧縮のgif画像(アニメーションgifにも対応)が生成出来ます。
遅いです。マシンパワーに依存するので、スペックの低いマシンではもっさり動きます。
ぼちぼち更新していく予定。とりあえずソースをきれいにします。

使用例

MLgifLib.js Demo | Simple GIF Editor

  • カラーパレットから描画色を選択して、キャンバスにクリックして描画します。
  • 描画したgif画像を保存する場合は、キャンバス左上のプレビュー画像を右クリック(controlクリック)して保存を選んでください。
  • カラーパレットのグレーの四角は透過色です。
  • 「/javascript_gif.demo1.html?w=32&h=32」とアクセスすると、画像のピクセル数を指定出来ます。(最大50px)
  • Shiftキーを押しながらキャンバスのドットをクリックすると、その色を取得出来ます。
  • プレビューの枠をクリックすると、前背面を切り替えることが出来ます。

MLgifLib.js Demo | Animation GIF Sample

  • 矢印ボタンを押すとアニメーションのスピードを5段階に変更出来ます。
  • プレビューをクリックすると、再生・停止が出来ます。
  • 描画したgif画像を保存する場合は、プレビュー画像を右クリック(controlクリック)して保存を選んでください。

バージョン履歴

0.3.4
メソッドチェインに対応しました。(20060526)
0.3.3
2-256色に対応しました。(20060523)
0.3.2
すこしだけ早くなりました。8-256色にも対応しました。(20060522)
0.1
最初のリリース(20060520)

entry tags