畫布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」。