使用 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

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

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