javascript - Latest version of HTML2CANVAS does not work in Chrome, Firefox - Stack Overflow

admin管理员组

文章数量:1323524

I have updated html2canvas from 0.4 to 1.0.0 and I used the function below to take a screenshot.

The function and html2canvas does not work and I got the error below.

How do I solve it?

icefaces-pat.js.jsf?ln=icepat&v=3_3_0_130416:1 2ms html2canvas: onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value

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

I have updated html2canvas from 0.4 to 1.0.0 and I used the function below to take a screenshot.

The function and html2canvas does not work and I got the error below.

How do I solve it?

icefaces-pat.js.jsf?ln=ice.pat&v=3_3_0_130416:1 2ms html2canvas: onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value

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

• javascript
• html2canvas

Share Improve this question Follow asked Apr 26, 2018 at 13:55 YamurYamur 33966 silver badges2020 bronze badges 2

• As the warning suggests...html2canvas() now returns a promise. For example html2canvas(...).then(canvas => ...) – Adriano Repetti Commented Apr 26, 2018 at 13:58
• guessing people do not search error messages anymore github./MrRio/jsPDF/issues/1610 – epascarello Commented Apr 26, 2018 at 13:58

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

I'm not familiar with the library, but the error says that this version uses a Promise instead of using the onrendered callback option. Therefore, it is (probably) used like:

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

本文标签： javascriptLatest version of HTML2CANVAS does not work in ChromeFirefoxStack Overflow