HTML2Canvas - Chrome 问题 - 未定义答案

【问题标题】：HTML2Canvas - Chrome Issue - UndefinedHTML2Canvas - Chrome 问题 - 未定义
【发布时间】：2014-10-01 11:43:52
【问题描述】：

我正在尝试使用 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 可以吗？

【问题讨论】：

标签： jquery google-chrome firefox html2canvas

【解决方案1】：

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

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

【讨论】：