画布到 dataURL 图像 Png 质量不起作用

Question

我一直在尝试将 HTML5 画布转换为低质量的 dataUrl，因为我必须通过服务器传输 dataURL 文件，但我是否这样做

dataURL = document.getElementById('canvas').toDataURL("image/png", 1);

或者

dataURL = document.getElementById('canvas').toDataURL("image/png", 0.00001);

质量没有改变，字符串长度保持不变，当我在两种情况下下载回该图像时，其质量相同，知道我做错了什么吗？

这是一个示例，但我正在做的画布具有更好的像素比，并且非常详细

dataURL = document.getElementById('canvas').toDataURL("image/png", 1);

dataURL = document.getElementById('canvas').toDataURL("image/png", 0.00001);

Answer 1

这是因为 PNG 是一种无损格式。您无法调整质量，因为它始终为 1。

从规格来看：

0 到 1 之间的数字，指示用于有损压缩的图像格式（例如 image/jpeg 和 image/webp）的图像质量。