javascript - 为什么 toDataURL 这么慢？

Question

如果我通过网络传输一个简单的图像，速度会很快。当我尝试使用 toDataURL 传输在 Canvas 中创建的相同图像时，速度要慢得多。为什么？

Answer 1

一般而言，您没有提供太多上下文:

当您使用 toDataURL() 时，浏览器会将图像编码为带有小 header 的 Base-64 流。与非编码大小相比，base-64 总是会增加 33% 的大小。

如果您在 native 传输 JPEG 编码文件，它通常比图像的 PNG 版本更小。如果您忘记为 toDataURL 指定图像类型，浏览器将始终默认为 PNG。

在这种情况下，以这种方式指定 JPEG:

var quality = 0.7;
var dataUri = canvas.toDataURL('image/jpeg', quality);