javascript - 在没有 .toDataUrl() 的情况下将 Canvas 下载为图像

标签 javascript html canvas

是否可以在不使用 .toDataUrl() 函数的情况下下载 HTMLCanvas 元素 的(已编辑)图像?我测试了一些框架,但他们仍然使用这个功能。

最佳答案

在较新的浏览器中,您可以使用异步方法 canvas.toBlob(callback, mimeType, qualityArgument);

获得更大的图像和更快的性能

参见 mdc article有关详细信息和兼容性(基本上是 IE10+)

blob 没有 dataURL 在许多浏览器和设备中实际面临的相同大小限制,因此在支持的情况下,它会带来更好的用户体验。

如果您稍后想将 blob 转换为 dataURL,请使用 FileReader.readAsDataURL(blob)

关于javascript - 在没有 .toDataUrl() 的情况下将 Canvas 下载为图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36686341/

相关文章:

php - 使用 Javascript 从多选列表中选择值

javascript - jQuery 从多维数组中获取值

javascript - 使用 Angular 指令在模板中绘制对象

python - 如何创建以变量命名的 python tkinter Canvas 对象并保留此链接以重新配置该对象?

Javascript 字符串比较不完全等于

javascript - 使用链接 chop html 中的文本以显示更多/更少并将元素保留在内部

javascript - history.pushState错误,我不知道为什么

javascript - 对象的自定义属性在 Canvas 中被清除为 json

javascript - html5 Canvas 背景图片

javascript - 如何在javascript中获取两个日期时间之间的时差?