將Canvas下載為沒有.toDataUrl（）的圖像

Question

是否可以在不使用.toDataUrl()函數的情況下以HTML下載Canvas元素的（已編輯）圖像？ 我測試了一些框架，但他們仍然使用這個功能。

Answer 1

在較新的瀏覽器中，使用async方法canvas.toBlob(callback, mimeType, qualityArgument);可以獲得更大的圖像和更快的性能canvas.toBlob(callback, mimeType, qualityArgument);

有關詳細信息和compat（基本上是IE10 +），請參閱mdc文章

blob沒有dataURL在許多瀏覽器和設備中實際面臨的相同大小限制，因此在支持的情況下，它會帶來更好的用戶體驗。

如果您以后想要將blob轉換為dataURL，請使用FileReader.readAsDataURL（blob）