Canvas toBlob 在 Chrome 或 IE 中未被识别为函数答案

【问题标题】：Canvas toBlob is not recognized as a function in Chrome or IECanvas toBlob 在 Chrome 或 IE 中未被识别为函数
【发布时间】：2015-11-27 21:25:53
【问题描述】：

我正在使用 Cropper 获取裁剪图像的 blob。我正在使用最新版本的 Chrome 和 IE，但我在 Chrome 中得到“canvas.toBlob 不是函数”，并且在 IE 中得到“对象不支持属性或方法”toBlob。好像我正确地遵循了文档，但我可能缺少一些库或其他东西。遵循文档 here 和来自 SO here 的此线程

有趣的是我可以打电话

var t = $("#imageToCrop").cropper('getCroppedCanvas').toDataURL();

返回数据可以正常工作，但 toBlob 似乎不起作用。

这是我的 JS 和 HTML。

var canvas = document.getElementById("imageToCrop");
canvas.toBlob(function(blob) {
  var t = blob;
});

<div style="width: 500px; height: 500px; display: table; margin: 0 auto;">
  <canvas id="imageToCrop" style="border: 1px solid black;" src=""></canvas>
</div>

我也在下面尝试过，但看到同样的错误

var t = $("#imageToCrop").cropper('getCroppedCanvas').toBlob();

【问题讨论】：

标签： javascript jquery html canvas

【解决方案1】：

目前，toBlob 是 only fully supported in Firefox。 Internet Explorer 部分支持 IE 10，但它的供应商前缀是我假设的 msToBlob。但是有at least one polyfill available。

以下是 Chrome 和 Safari 的相关问题：

由于某种原因，WebKit 错误被标记为“已解决 WONTFIX”。

【讨论】：

他们不喜欢 toBlob 函数在规范中是同步的。