用gif.js在javascript中生成gif？

Question

我正在使用https://jnordberg.github.io/gif.js/ 我动态创建元素（img），在生成它们之后，我想创建一个gif。我使用以下代码，但我收到以下错误：

<canvas id="result" width="600" height="600" style='display:none'></canvas><br>

  var res_c = document.getElementById("result");
  var res_ctx = res_c.getContext('2d');
  for (var x = frames.length-1; x >= 0; x--) {
       res_ctx.putImageData(frames[x],0,0);
       var image = document.createElement("img");
       image.src = res_c.toDataURL("image/png");
       $(".frames").append(image);
       gif.addFrame(image);
  }
  gif.render();
  gif.on('finished', function(blob) {
    window.open(URL.createObjectURL(blob));
  });

我收到此错误：

Uncaught DOMException: Failed to execute 'getImageData' on   'CanvasRenderingContext2D': The source height is 0.
at GIF.getContextData

我该如何解决？