Canvas 给定特定尺寸的最大潜在PNG尺寸
我目前正在创建一个基于HTML5的绘图程序。用户可以绘制一幅图像或几页图像，并将其保存到云中，以便以后快速检索。这是在交互式白板上使用的；老师不能总是确定他们计划上课的IWB是他们将在课堂上使用的，所以我想让数据可以从任何地方访问 我通过Ajax将canvas数据作为数据uri发送到服务器，将数据存储在文件系统中，并在数据库中引用该文件。我的问题是，我不确定这些映像最终会占用文件系统多少空间 这些文件保存为带有alpha透明层的PNG，为1280x720px。根据绘制的内容，文件大小会发生显著变化，我认为这是因为PNG是压缩的。正因为如此，我在计算这样一个图像可能的最大文件大小时遇到了困难。因为我想假设一个最坏的情况，我将假设PNG压缩不会减少文件大小。鉴于此，最大文件大小是否为：Canvas 给定特定尺寸的最大潜在PNG尺寸,canvas,png,filesize,Canvas,Png,Filesize,我目前正在创建一个基于HTML5的绘图程序。用户可以绘制一幅图像或几页图像，并将其保存到云中，以便以后快速检索。这是在交互式白板上使用的；老师不能总是确定他们计划上课的IWB是他们将在课堂上使用的，所以我想让数据可以从任何地方访问 我通过Ajax将canvas数据作为数据uri发送到服务器，将数据存储在文件系统中，并在数据库中引用该文件。我的问题是，我不确定这些映像最终会占用文件系统多少空间 这些文件保存为带有alpha透明层的PNG，为1280x720px。根据绘制的内容，文件大小会发生显著变
1280 x 720 x colordepth
colordepthcanvas关于这一点，有几个类似的问题：
更新 我已经试过了，初步结果相当不错。将图像存储为序列化对象会导致一组数据小于等效dataURL字符串大小的四分之一。这是在我开始优化它之前。我强烈建议任何处于类似情况的人尝试一下这种方法
另一次更新 当我第一次开始这项工作时，我正在使用SVG。然而，用户画得越多，屏幕上立刻出现的
DOMElement结果是，无论我在数组中插入多少笔划，重画操作总是闪电般快速。除此之外，在存储数据以备日后使用时，还可以减少数据的大小，并且可以非常轻松地实现撤消/重做。现在对Javascript和画布都印象深刻。要计算位图的大小，PNG使用假设存在alpha通道
width x height x 4
除此之外，头和块将增加大小，但压缩将减少大小 然而，我认为这将为您提供一个足够好的数字作为最大值 在您的情况下，最大尺寸为：
1280 x 720 x 4 = 3 686 400 bytes
ToIP：为了共享绘图，您可能需要考虑共享序列化对象而不是数据URI，因为数据URI创建是性能饥饿的，并且会造成不必要的开销，而序列化对象通常具有低尺寸和低性能影响。它们也更容易通过网络传输。对象可以包含线条、位置、颜色等。
哇，谢谢！这很容易理解。您知道canvas