数据 URL 可靠地支持哪些图像格式？

Question

image/xHTML 支持哪些标准数据 URL？在我尝试过的事情中，我已经取得了成功：

• image/png

• image/jpeg

还有吗？我专门寻找大多数浏览器中HTMLCanvasElement'stoDataURL方法支持的方法（以下大多数浏览器支持的方法是理想的：Chrome、Edge、Firefox、Safari）。

Answer 1

toDataURL根据HTML Living 标准，唯一必须支持的图像格式是image/png. 如果请求不支持的文件格式，则data:image/png默认情况下会返回 URL。MDN 的HTMLCanvasElement.toDataURL()文档包括image/jpeg和image/webp在参数的语法描述encoderOptions中。它还包括 Chrome 支持的信息webp，但未提及其他浏览器。据我了解，您可以依赖image/png支持，并且通常假设image/jpeg当前浏览器中存在支持。虽然当然可以从包含 SVG 源代码的字符串创建数据 URL，但将画布位图序列化为image/svg+xml数据 URL 需要画布对象记住它所保存的图像数据是如何绘制的（但它们并不这样做）。回答这个问题时，data/png需要支持，data/jpeg支持无处不在，而data/webp支持最好被视为是不完整的。