如何使用 toDataURL 创建无损 WebP 图像？

Question

我正在使用 canvas 元素在 Chrome 中尝试 WebP 图像格式。在 MDN 上，我看到它toDataURL接受代表结果图像质量的第二个参数。

我想生成画布元素的无损 WebP 图像。但是，如果我通过1质量测试（即 100%），我不会得到完全相同的像素。看起来它正在生成有损图像。

这是一个测试用例：http://jsfiddle.net/Nf5ve/1/。绘制PNG图像时，某个像素的某种颜色的值为40。在画布本身上绘制100％质量的WebP图像后，相同的值已更改为37。这对我来说似乎不是无损的，即使虽然我的质量通过了100%。

是否有可能toDataURL创建无损 WebP 图像？如果可以，如何创建？

Answer 1

webp 没有官方的 MIME 类型，所以现在对此持保留态度。

在 chrome 上使用“image/webp”toDataURL现在总是会导致有损 webp 图像，即使质量为“1”

目前似乎没有办法获得无损的webP图像