画布toBlob不被识别为Chrome或IE中的函数

Question

我使用Cropper获取裁剪图像的Blob。我使用的是Chrome和IE的最新版本，但我在Chrome中获得'canvas.toBlob不是函数'，'Object不支持属性或方法'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(); 

Answer 1

目前，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”。