javascript - 在Chrome或IE中，Canvas toBlob无法识别为功能

我正在使用Cropper获取裁剪图像的 Blob 。我使用的是最新版本的Chrome和IE，但在Chrome中却显示“canvas.toBlob不是函数”，而IE中的“对象不支持属性或方法“toBlob”。似乎我正确地遵循了文档，但是我可能缺少某些库或其他内容。
遵循doc 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();

最佳答案

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

以下是与Chrome和Safari相关的问题:

Chromium 67587 (Chrome)

WebKit 71270 (Safari)

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