使用 AVIF 图像格式从 Canvas 创建图像

Question

AVIF 是一种非常有前途的图像格式/编解码器，它基于样本远远优于 JPEG。我的问题是如何从 Canvas 创建 AVIF 图像？

因此，而不是 JPEG，类似于：

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

是否有 polyfill 或其他东西使它在浏览器中工作（编码图像部分）？

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

Answer 1

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

• Chrome 已经可以使用 AVIF 图像，因此应该很快就能从画布生成它们。
• Firefox 将在即将发布的 Firefox 版本之一中添加 AVIF 支持。（可能是 87 或 88）