javascript - 如何在 javascript 中获取 HTML5 Canvas.todataurl 文件大小？

Question

var data_url=canvas.toDataURL("image/png");

var img=$("#img").attr("src",data_url);

img 文件的大小是多少？

Answer 1

如果你想知道 data-url 的字节大小，你可以这样做:

var imgFileSize = data_url.length;

但这不是 png 大小的实际大小。您可以通过这种方式非常准确地近似于真实的 PNG 大小:

var head = 'data:image/png;base64,';
var imgFileSize = Math.round((data_url.length - head.length)*3/4) ;

因为Base64编码有4/3的开销。

编辑:在评论后更正了尺寸计算。