在Chrome或IE浏览器中，Canvas toBlob不被识别为函数。

Question

在Chrome或IE浏览器中，Canvas toBlob不被识别为函数。

3

我正在使用Cropper来获取裁剪后的图像的blob。我在使用最新版本的Chrome和IE，但是在Chrome中出现了“canvas.toBlob不是函数”的错误，在IE中出现了“对象不支持属性或方法'toBlob'”的错误。看起来我正确地遵循了文档，但可能缺少某些库或其他东西。按照这里的文档和SO这里的线程进行操作。

有趣的是，我可以调用

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();

- user1186050

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alexander O'Mara · Accepted Answer

目前，toBlob仅在Firefox中完全支持。Internet Explorer从IE 10开始有部分支持，但它是供应商前缀，我认为它是msToBlob。但是，至少有一个polyfill可用。

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

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