2

如果我将“image/jpeg”作为 toDataURL() 方法中的第一个参数传递，我正在尝试将 html5 画布数据保存到服务器，但我失去了质量？

如何在图像 png 上保持相同的质量

4

1 回答 1

1

要定义您自己的图像质量，请使用：toDataURL( type , quality );

toDataURL('image/jpeg', 1  ); // HQ
// 0.92 = FF default
toDataURL('image/jpeg', 0.4); // LQ

MDN 文档：

toDataURL(in optional DOMString type, in any ...args) DOMString 返回一个数据：包含由类型指定格式的图像表示的 URL（默认为 PNG）。返回的图像是 96dpi。

  • 如果画布的高度或宽度为 0，则返回代表空字符串的“data:”。
  • 如果请求的类型不是 image/png，并且返回值以 开头data:image/png，则不支持请求的类型。Chrome 支持 image/webp 类型。
  • 如果请求的类型是 image/jpeg 或 image/webp，那么第二个参数，如果它在0.0和之间1.0，则被视为表示图像质量；如果第二个参数是其他参数，则使用图像质量的默认值。其他参数被忽略。
于 2014-01-08T14:38:14.537 回答