Question

我正在尝试使用HTML2Canvas来抓取div的内容并将其另存为图像。这在Firefox中完美运行，但Chrome却出现了错误。我在我的build.js文件上面包含HTML2Canvas JS文件。

我使用的代码如下：

function genImage(callback) {

// Hide the Plus + Minus Buttons
$('.expandImage').hide();
$('.shrinkImage').hide();

html2canvas($(".templateDesign"), {
    onrendered: function(canvas) {

        canvas.toBlob(function(blob) {
             var formdata = new FormData();
             formdata.append("image", blob);

            return $.ajax({
                url: "imageupload.php",
                type: "POST",
                data: formdata,
                processData: false,
                contentType: false
            }).success(callback);
        });
    }
});
}

单击按钮时运行该功能。正如我所说，它在Firefox中完美运行。但是在Chrome中我遇到以下错误：

Uncaught TypeError: undefined is not a function build.js:234html2canvas.onrendered build.js:234o.complete html2canvas-min.js:2o html2canvas-min.js:1e.onload html2canvas-min.js:1

任何想法为什么Chrome无法正常工作但是FireFox？

Answer 1

Chrome不支持已实现toBlob。使用以下方法使其正常工作：

https://github.com/eligrey/canvas-toBlob.js

HTML2Canvas - Chrome问题 - 未定义

1 个答案: