最新版本的HTML2CANVAS无法在Chrome,Firefox中使用

时间:2018-04-26 13:55:35

标签: javascript html2canvas

我已经将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);
        }
    });
}

1 个答案:

答案 0 :(得分:3)

我不熟悉该库,但错误表示此版本使用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); });