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

venkat7668

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

var img = $(“#img”)。attr(“ src”,data_url);

什么是IMG以KB文件的大小?

佩德罗·L。

如果您想知道数据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的开销。

编辑:注释后更正了尺寸计算。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

html5 canvas重新调整大小

来自分类Dev

Three.js和HTML5 Canvas toDataURL

来自分类Dev

canvas.toDataURL()下载大小限制

来自分类Dev

HTML 5 Canvas toDATAURL始终相同

来自分类Dev

Canvas的ToDataURL(JavaScript)通过PHP上传到服务器后正在创建损坏的PNG文件

来自分类Dev

Canvas的ToDataURL(JavaScript)通过PHP上传到服务器后正在创建损坏的PNG文件

来自分类Dev

使用canvas.toDataURL()中的node.js保存图像文件

来自分类Dev

保存canvas.toDataURL()生成的文件

来自分类Dev

HTML5如何在Canvas中调用图像

来自分类Dev

HTML5如何在Canvas中调用图像

来自分类Dev

如何使用JavaScript在HTML5 Canvas中绘制圆?

来自分类Dev

HTML5 Canvas无法调整大小以填充父div

来自分类Dev

HTML5 canvas javascript

来自分类Dev

HTML5 canvas javascript

来自分类Dev

如何在webgl中获取纹理?没有Canvas.toDataUrl()

来自分类Dev

HTML5 canvas .toDataURL()图像没有背景色

来自分类Dev

将文本调整为矩形在Canvas HTML5中调整大小

来自分类Dev

从文件将图像添加到HTML5 Canvas

来自分类Dev

从文件将图像添加到HTML5 Canvas

来自分类Dev

将HTML5 Canvas + Javascript应用程序转换为可执行文件

来自分类Dev

如何将图像从url沿着侧面输入类型文件加载到html5 canvas?

来自分类Dev

如何将图像从url沿着侧面输入类型文件加载到html5 canvas?

来自分类Dev

canvas toDataURL() - operation is insecure

来自分类Dev

CANVAS绘图和toDataURL()

来自分类Dev

如何在html5 canvas中使用gif图像?

来自分类Dev

如何确保canvas的html视频大小相同?

来自分类Dev

如何获取HTML5 Canvas中绘制弧的宽度和高度?

来自分类Dev

在toDataURL之前缩放图像-html2canvas

来自分类Dev

JavaScript canvas.toDataURL 方法返回空白图像

Related 相关文章

  1. 1

    html5 canvas重新调整大小

  2. 2

    Three.js和HTML5 Canvas toDataURL

  3. 3

    canvas.toDataURL()下载大小限制

  4. 4

    HTML 5 Canvas toDATAURL始终相同

  5. 5

    Canvas的ToDataURL(JavaScript)通过PHP上传到服务器后正在创建损坏的PNG文件

  6. 6

    Canvas的ToDataURL(JavaScript)通过PHP上传到服务器后正在创建损坏的PNG文件

  7. 7

    使用canvas.toDataURL()中的node.js保存图像文件

  8. 8

    保存canvas.toDataURL()生成的文件

  9. 9

    HTML5如何在Canvas中调用图像

  10. 10

    HTML5如何在Canvas中调用图像

  11. 11

    如何使用JavaScript在HTML5 Canvas中绘制圆?

  12. 12

    HTML5 Canvas无法调整大小以填充父div

  13. 13

    HTML5 canvas javascript

  14. 14

    HTML5 canvas javascript

  15. 15

    如何在webgl中获取纹理?没有Canvas.toDataUrl()

  16. 16

    HTML5 canvas .toDataURL()图像没有背景色

  17. 17

    将文本调整为矩形在Canvas HTML5中调整大小

  18. 18

    从文件将图像添加到HTML5 Canvas

  19. 19

    从文件将图像添加到HTML5 Canvas

  20. 20

    将HTML5 Canvas + Javascript应用程序转换为可执行文件

  21. 21

    如何将图像从url沿着侧面输入类型文件加载到html5 canvas?

  22. 22

    如何将图像从url沿着侧面输入类型文件加载到html5 canvas?

  23. 23

    canvas toDataURL() - operation is insecure

  24. 24

    CANVAS绘图和toDataURL()

  25. 25

    如何在html5 canvas中使用gif图像?

  26. 26

    如何确保canvas的html视频大小相同?

  27. 27

    如何获取HTML5 Canvas中绘制弧的宽度和高度?

  28. 28

    在toDataURL之前缩放图像-html2canvas

  29. 29

    JavaScript canvas.toDataURL 方法返回空白图像

热门标签

归档