Я хотел бы создать кнопку ввода «Сохранить изображение», которая:

сделать снимок экрана divпопросить «Сохранить как» на компьютере пользователя

Я нашел, как создать экран погружения с помощью html2canvas и открыть его в новой вкладке, он отлично работает:

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

Но для тебя Сохранить как часть, это своего рода сложная часть ... Я нашел интересные темы, так как я новичок в JS (и объектном) кодировании, я немного запутался ... Я думаю, что я Придется использовать FileSaver.js и создать новый BLOB-объект.http://eligrey.com/blog/post/saving-generated-files-on-the-client-side/

Но я не понимаю, как реализовать saveAs в моем html2canvas, как правильно создать новый 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");
      }
    });
}

Также я пытался что-то с этим сделать, извлекая сгенерированный base64 URL, но это слишком сложно для меня, чтобы понять все:http://bl.ocks.org/nolanlawson/0eac306e4dac2114c752

Но кто-нибудь даст мне несколько советов и поможет мне, пожалуйста?