Javascript 如何使用toDataURL创建无损WebP映像?

Javascript 如何使用toDataURL创建无损WebP映像?,javascript,html,google-chrome,canvas,webp,Javascript,Html,Google Chrome,Canvas,Webp,我正在使用canvas元素在Chrome中试用WebP图像格式。在MDN上,我看到toDataURL接受第二个参数,表示结果图像的质量 我想生成画布元素的无损WebP图像。但是,如果我在质量方面通过了1(意味着100%),我就不会得到完全相同的像素。它看起来像是在生成有损图像 下面是一个测试用例:。绘制PNG图像时,特定像素的特定颜色的值为40。在画布上绘制100%质量的WebP图像后,相同的值已更改为37。虽然我通过了100%的考试,但这对我来说并不是毫无损失的 有没有可能让toDataURL

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

我想生成画布元素的无损WebP图像。但是,如果我在质量方面通过了
1
(意味着100%),我就不会得到完全相同的像素。它看起来像是在生成有损图像

下面是一个测试用例:。绘制PNG图像时,特定像素的特定颜色的值为40。在画布上绘制100%质量的WebP图像后,相同的值已更改为37。虽然我通过了100%的考试,但这对我来说并不是毫无损失的


有没有可能让
toDataURL
创建一个无损的WebP映像,如果有,如何创建?

WebP没有正式的MIME类型,所以现在就对此持保留态度

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


现在似乎没有办法获得无损的webP图像

只是仔细检查一下,原始PNG中是否有透明度?@Jacob Foshee:没有,这是一张来自的随机照片。我很抱歉我的无知-但是
image/webP lossless
给了我一个以
data:image/PNG
开头的数据URL。任何随机MIME类型都会发生同样的情况——我认为它会回到png。不过我发现,lossless目前还不稳定,应该很快发布。我想我会等一段时间,看看会发生什么。如果我没有弄错的话,这证实了我的理论。当我注意到关于无损WebP的一些有趣的事情时,我将进行更新。谢谢你的帮助!你说得对,我应该更加勤奋!我想你现在运气不好。就非谷歌世界而言,还没有官方的webp模拟