Question

我使用Cropper来获取裁剪图像的blob。我使用的是最新版本的Chrome和IE，但我得到的是canvas.toBlob不是一个功能＆＃39;在Chrome和＆＃39;对象不支持属性或方法＆＃39; toBlob＆＃39;在IE中。好像我正确地遵循了文档，但我可能会遗漏一些库或其他东西。关注文档here以及来自SO here

的此帖子

有趣的是我可以致电

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

它可以正常返回数据，但toBlob似乎无法正常工作。

这是我的JS和HTML。

＆＃13;

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

＆＃13;

<div style="width: 500px; height: 500px; display: table; margin: 0 auto;">
  <canvas id="imageToCrop" style="border: 1px solid black;" src=""></canvas>
</div>

＆＃13;

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

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的相关问题：

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

Canvas toBlob在Chrome或IE中未被识别为功能

1 个答案: