最新版本的 HTML2CANVAS 在 Chrome、Firefox 中不起作用

Question

我已将 html2canvas 从 0.4 更新到 1.0.0，并使用下面的函数截屏。

该功能和 html2canvas 不起作用，我收到以下错误。

我该如何解决？

icefaces-compat.js.jsf?ln=ice.compat&v=3_3_0_130416:1 2ms html2canvas: onrendered 选项已弃用，html2canvas 返回一个 Promise 画布作为值

function screenshotChrome() {
    var target = $(document.body);
    html2canvas(target, {
        useCORS: true,
        onrendered: function (canvas) {
            canvas.UniversalToBlob(function (blob) {
                    saveAs(blob, "aScreenshot.png");
                },
                "image/png", 1);
        }
    });
}

Answer 1

我不熟悉该库，但错误表明此版本使用Promise 而不是使用onrendered 回调选项。因此，它（可能）像这样使用：

html2canvas(target, {
  useCORS: true
})
  .then(function (canvas) {
    canvas.UniversalToBlob(function (blob) {
      saveAs(blob, "aScreenshot.png");
    }, "image/png", 1);
  })
  .catch(function (err) { console.log(err); });