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

标签 javascript

canvas.toDataURL(type, encoderOptions);

MDN关于 type 参数的描述如下:

type Optional
A DOMString indicating the image format. The default type is image/png.

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

编辑:MSDN's article关于 toDataURL() 也无济于事。


我知道以下内容:

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

但环顾四周后,我似乎无法找到可能类型及其编码器选项的列表……这几乎是我能找到的所有内容。还有哪些可能性?

最佳答案

根据 firefox source code , 他们似乎支持:

  • png
  • jpg
  • 图标
  • bmp

Chrome 根据 source code , 应该支持:

  • 网页
  • png
  • jpg
  • bmp

Internet explorer 现代版本,应该类似于 Firefox(交叉手指)。

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

质量影响选项:

  • JPEG,质量百分比,其中 0 为 0%,0.5 为 50%,1 为 100%
  • BMP、BPP、每像素字节数(感谢@apsillers 指出)

关于javascript - canvas 的 toDataURL() 函数有哪些可能的数据类型?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28544336/

相关文章:

javascript - 如何在 javascript ES6 中获取 Map 作为对象?

javascript - Vue JS无法将方法返回的数据显示到DOM

javascript - 对于 Three.js 使用 Json 而不是 obj 有什么好的理由吗

javascript - 如何从javascript获取数据

javascript - AmAngularGauge 仅显示波段的标签

javascript - 样式与我的 HTML 代码相矛盾

javascript - 函数超时

javascript - 在 Vis.js 中设置缩放级别

javascript - event.preventDefault() 不等待 promise 解决

JavaScript 通过正则表达式拆分字符串