ミワラボ

Javascript で gif 画像を生成

May 27, 2006 7:17 PM

Tweet

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)