如何将jquery动画转换为电影或gif格式？

如何将jquery动画转换为电影或gif格式？ 动画和屏幕截图函数调用或太慢。 请帮帮我

动画功能

function resim1(){
    $("#resim-1").animate({ left: leftx}, startEffectTime1);
    ......
}

屏幕截图功能，但速度太慢

function shot(){
          html2canvas($("#main"), {
              onrendered: function(canvas) {
                  theCanvas = canvas;
                  document.body.appendChild(canvas);
                  Canvas2Image.saveAsPNG(canvas); 
                  $("#img-out").append(canvas);
              }
          });
}

调用动画和屏幕截图函数

$(document).ready(function() {
     resim1(); // Animate start
     setInterval(function(){ // Screenshot start
          shot();
     },500);

});

$(document).ready(function() {
     resim1(); // Animate start
     setInterval(function(){ // Screenshot start
          shot();
     },500);

});

底部函数调用动画中断：/