将Canvas下载为没有.toDataUrl（）的图像

Question

是否可以在不使用HTML功能的情况下在.toDataUrl()下载画布元素的（已编辑）图像？我测试了一些框架，但他们仍然使用这个功能。

Answer 1

在较新的浏览器中，使用异步方法canvas.toBlob(callback, mimeType, qualityArgument);

可以获得更大的图像和更快的性能

请参阅mdc article了解详情和compat（基本上是IE10 +）

blob没有dataURL在许多浏览器和设备中实际面临的相同大小限制，因此在支持的情况下，它会带来更好的用户体验。

如果您以后想要将blob转换为dataURL，请使用FileReader.readAsDataURL(blob)