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

Question

我正在使用 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();

Answer 1

目前，toBlob 是 only fully supported in Firefox . IE 10 对 Internet Explorer 提供了部分支持，但它以 vendor 为前缀，我假设是 msToBlob。但是有 at least one polyfill available .

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

• Chromium 67587 (Chrome)
• WebKit 71270 (Safari)

出于某种原因，WebKit 错误被标记为“RESOLVED WONTFIX”。