Canvas toBlob 图片质量

Question

Canvas toBlob 图片质量

javascriptimagehtml5-canvas

4

我们的应用程序将画布内容以最大高度为150px的缩略图显示出来。

画布大小可以像显示器一样大，现在让我们选择2560x1440。

如果要转换为Webp，

有没有一个方程式可以得到大致保留图像质量的质量数字？也许可以。

targetHeight = 150
originalHeight = 1440

quality = targetHeight / originalHeight 
// 150px / 1440px ~ 0.1 ?

canvas.toBlob((blob) => {

    const currentScreenshot = URL.createObjectURL(blob);

}, "image/webp", quality);

- Lydon Ch

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- SuperStar518 · Accepted Answer

您只能通过定义mime类型为image/jpeg或image/webp来设置quality值。

默认值分别为0.92和0.80。其他值将被忽略。

有关HTMLCanvasElement.toBlob()的详细信息，请参阅此MDN链接。