Как воспроизвести gif внутри холста в HTML5

Я хочу воспроизвести 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';
}