Рафаэль Экспорт в PNG

Question

У меня есть следующий код:

http://jsfiddle.net/JQPurfect/mkz4s9j3/29/

     $("#editor_save").click(function() {
           var paper = new Raphael(document.getElementById('raphaelDiv'), 200, 200);

          // circle is for testing but I need svg_paper as the canvas object
           var circle = paper.circle(50, 40, 10);
           circle.attr("fill", "#f00");
           circle.attr("stroke", "#fff");
           var circle2 = paper.circle(70, 60, 50);

           //Use raphael.export to fetch the SVG from the paper
           var svg = paper.toSVG();

           //Use canvg to draw the SVG onto the empty canvas
           canvg(document.getElementById('myCanvas'), svg);

           setTimeout(function() {
               //fetch the dataURL from the canvas and set it as src on the image
               var dataURL = document.getElementById('myCanvas').toDataURL("image/png");
               document.getElementById('myImg').src = dataURL;
           }, 100);


    });

Однако мне нужно сохранить svg_paper в png, но я не могу понять это. Идея состоит в том, чтобы нарисовать от руки на svg_paper и сохранить его как изображение, один раз нажмите кнопку "Сохранить".

Вы можете обновить скрипку с этим?

Благодарю.