javascriptのcanvasでgif表示

Question

canvasでGIF画像を扱う際に、下記のコードの場合GIFアニメーションが表示の時に動かなくなるのですが、GIF画像の時は別に必要な処理はあるのでしょうか。
よろしくお願いいたします。

例:)

window.onload = function () {
var img = new Image();
img.onload = function() {
var sample = document.getElementById('img');
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext("2d");
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0);
var binary = canvas.toDataURL("image/gif");
sample.src = binary;
}
img.src = src;
};

Answer 1

canvasにdrawImageした段階で、アニメーションgifではなくなります。
もしやるなら、アニメーションgifを解析してアニメーションを作ってやるしかないです。
jsgifで検索してみてください。

Comments

[退会済みユーザー]

いつもご回答いただきありがとうございます。
jsgifなどのライブラリ使わないと出来ないことなんですね。
書き方を変えていろいろチャレンジしたのですが。。
ありがとうございました。