从画布创建AVIF图像格式的图像

Question

AVIF是一个非常有前途的基于样本的图像格式/编解码器，它比JPEG要好得多。我的问题是如何从画布创建AVIF图像？

因此，不是JPEG，而是类似以下内容：

canvas.toBlob(function (blob) {}, "image/avif", 1.0)

浏览器中有没有polyfill或者其他东西可以让它工作(编码图像部分)？

参考：https://github.com/Kagami/avif.js

Answer 1

目前还没有浏览器支持从画布创建AVIF，但这种情况应该很快就会改变。

• Chrome can already consume AVIF images，因此应该能够从canvas soon.
• Firefox will add AVIF support in one of the upcoming Firefox releases. (可能是87或88)

生成它们