Сохраненное изображение говорит о недопустимом изображении.Что не так с этим кодом?

Question

Я пытался сохранить элемент div как изображение, используя domtoimage.js и filesaver.js.Изображение сохраняется нормально, но в нем ничего нет.Говорит, что изображение недействительно.

var image = domtoimage.toBlob(document.getElementById('form')); 
var blob = new Blob([image], {type: "image/png"});
saveAs(blob, 'myimage.png');

Любая помощь будет принята с благодарностью.

Answer 1

Документация показывает этот пример, это означает, что функция toBlob возвращает обещание, поэтому вы должны использовать then.

domtoimage.toBlob(document.getElementById('my-node'))
  .then(function (blob) {
    window.saveAs(blob, 'my-node.png');
  });

, поэтому ваш код должен стать

domtoimage.toBlob(document.getElementById('form'))
  .then(function (blob) {
      window.saveAs(blob, 'myimage.png');
  });