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

Question

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

有趣的是我可以打电话

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

它可以很好地返回数据，但 toBlob 似乎不起作用。

这是我的 JS 和 HTML。

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

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

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

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

Answer 1

目前，toBlob在Firefox中唯一完全支持。Internet Explorer 部分支持 IE 10，但它是供应商前缀的，我假设是msToBlob. 然而，至少有一种 polyfill 可用。

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

• 铬 67587（铬）
• WebKit 71270 (Safari)

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