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