Me gustaría crear un botón de entrada "Guardar imagen" que:

tomar una captura de pantalla de un divpedir "Guardar como" en la computadora del usuario

He encontrado cómo crear una pantalla de una inmersión usando html2canvas y abrirla en una nueva pestaña, funciona perfectamente:

function printDiv2(div)
{
    html2canvas((div), {
        onrendered: function(canvas) {
            var img = canvas.toDataURL();
            window.open(img);
      }
    });
}

Pero para ti Guardar como parte, es una parte difícil ... He encontrado temas interesantes, ya que soy nuevo en la codificación JS (y de objetos), estoy un poco confundido ... Creo que Tendré que usar FileSaver.js y crear un nuevo blobhttp://eligrey.com/blog/post/saving-generated-files-on-the-client-side/

Pero no entiendo cómo implementar saveAs en mis html2canvas, cómo lanzar correctamente un nuevo blob ...

function printDiv2(div)
{
    html2canvas((div), {
        onrendered: function(canvas) {
            var img = canvas.toDataURL();
            window.open(img);

            var blob = new Blob(img, {type: "image/jpeg"});
            var filesaver = saveAs(blob, "my image.png");
      }
    });
}

También intenté hacer algo con esto, extrayendo la URL generada en base64, pero es demasiado complicado para mí entender todo:http://bl.ocks.org/nolanlawson/0eac306e4dac2114c752

¿Pero alguien me da algunos consejos y me ayuda por favor?