canvas 的 toDataURL() 函数可能的数据类型有哪些?

2024-03-09

canvas.toDataURL(type, encoderOptions);

MDN https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement.toDataURL的描述关于type参数说明如下:

type Optional
A DOM字符串表示图像格式。默认类型是图片/png.

我还没有找到所有类型是什么,因为我正在尝试评估在不同情况下可以使用什么。

Edit: MSDN 的文章 https://msdn.microsoft.com/en-us/library/ie/ff975241(v=vs.85).aspx关于 toDataURL() 也没有真正的帮助。


我了解以下情况:

  • image/png质量(编码器选项)似乎不影响输出
  • image/jpeg质量(编码器选项)影响输出
  • image/webp质量影响产量。 (根据 MDN,仅限 Chrome)。

但环顾四周后,我似乎找不到可能的类型及其编码器选项的列表......这几乎是我能找到的全部。还有哪些其他可能性?


Per the firefox 源代码 https://github.com/mozilla/gecko-dev/tree/master/image/encoders,他们似乎支持:

  • png
  • jpeg
  • ico
  • bmp

Chrome根据源代码 https://code.google.com/p/chromium/codesearch#chromium/src/ui/gfx/image/image_unittest.cc,应该支持:

  • webp
  • png
  • jpeg
  • bmp

IE浏览器现代版本,应该是与火狐浏览器类似(交叉手指)。

如果我需要对“今天”可用选项进行投票,我会选择:PNG、JPEG 和 BMP

质量影响选项:

  • JPEG,质量百分比,其中 0 表示 0%,0.5 表示 50%,1 表示 100%
  • BMP、BPP、每像素字节数(感谢@apsillers 指出)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

canvas 的 toDataURL() 函数可能的数据类型有哪些? 的相关文章

随机推荐