如何在HTML5中播放gif里面的canvas [英] How to play gif inside canvas in HTML5

问题描述

我想在画布中播放gif。我使用下面的代码。 bt它不工作。

I want to play gif inside a canvas. i hav used the following code. bt it is not working. plz tel me wat is wrong in my code or any other way of doing it.

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';
}

推荐答案

t提供任何方法来处理动画GIF。您应该将gif拆分为单个框架，然后创建 spritesheet 并将其复制到当前帧。

You cannot as canvas doesn't provide any methods to deal with animated gifs. You should split gif into single frames then create a spritesheet and animate it copying current frame.

这篇关于如何在HTML5中播放gif里面的canvas的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！