保存的图像说无效图像。这段代码有什么问题？

Question

我一直在尝试使用 domtoimage.js 和 filesaver.js 将 div 元素保存为图像。图像保存得很好，但里面什么都没有。说图片无效。

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');
  });