html - 如何在 HTML5 Canvas 内播放 gif

Question

我想在 HTML Canvas 中播放动画 GIF 文件。我使用了下面的代码，但它不起作用。

代码有什么问题？

var drawingCanvas = document.getElementById('myDrawingCanvas');
if(drawingCanvas.getContext) 
{
    var context = drawingCanvas.getContext('2d');
    var imgObj = new Image();

    imgObj.onload = function () 
    {       
        context.drawImage(imgObj, 0, 0, 1024, 600);
    }
    imgObj.src='HTML Images/Spell Bee/images/mainscreen.gif';
}

Answer 1

您不能，因为 Canvas 不提供任何处理动画 gif 的方法。您应该将 gif 拆分为单个帧，然后创建一个 spritesheet并为其制作动画以复制当前帧。