Сохранение вывода холста html5 в виде видео или последовательности swf или png?

Мне нужно взять выходной холст HTML5 как видео или последовательность swf png.

Я нашел следующую ссылку на stackoverflow для захвата изображений.
Захватить HTML Canvas как gif / jpg / png / pdf?

Но может ли кто-нибудь предложить, хотим ли мы, чтобы вывод был видео или swf последовательности png?

РЕДАКТИРОВАТЬ:

Хорошо, теперь я понял, как захватить данные холста для хранения на сервере, я попробовал, и он работает нормально, если я использую только фигуры, прямоугольник или другую графику, но не если я рисую внешние изображения на элементе холста. Может ли кто-нибудь сказать мне, как полностью захватить данные холста, используем ли мы графические или внешние изображения для рисования на холсте?

Я использовал следующий код:

var cnv = document.getElementById("myCanvas");
var ctx = cnv.getContext("2d");

if(ctx)
{
  var img = new Image();

  ctx.fillStyle = "rgba(255,0,0,0.5)";
  ctx.fillRect(0,0,300,300);
  ctx.fill();

  img.onload = function()
  {
     ctx.drawImage(img, 0,0);
  }

  img.src = "my external image path";

  var data = cnv.toDataURL("image/png");
}

после ввода данных холста в мою переменную «data» я создал новый холст и нарисуйте на нем захваченные данные, красный прямоугольник, нарисованный на втором холсте, а внешнее изображение - нет.

Заранее спасибо.