html在画布中加载图片大小,根据HTML5画布调整大小限制图片大小（<1MB）

由于生成的压缩文件取决于压缩文件的内容，所以无法保证大小。

如果您的图像具有高频率(很多细节，噪点等)，那么压缩将会更加困难，您需要使用更强的质量设置(用于JPEG)来滤除更多数据。

但是，您可以计算图像的原始大小。画布是32位的，即RGB(24位)的三个8位通道+ alpha的一个8位通道。

如果你的图像保存为PNG，你将有RGBA - 的大小是：

width * height * 4 = size in bytes

如果你出保存为JPEG，你将只有RGB：

width * height * 3 = size in bytes

JPEG能压缩比PNG更重，因此您可以使用toDataURL(type [, quality= [0.0, 1.0]])的可选质量参数进一步缩小尺寸。

对于示例尺寸原料大小将是：

320 x 240 x 4 = 307 200 bytes (/ 1024 = 300 kb/1024 = 0.29 mb).

并用RGB(无alpha)

320 x 240 x 3 = 230 400 bytes (/ 1024 = 225 kb/1024 = 0.22 mb).

当图像被转换成一个数据-URI的内容是编码为base-64。由于数据被编码的方式(加上一个小的头部实际上使其成为数据URI，IIRC大约14-20字节)，Base-64总是将大小增加33％。

无论如何，在这种情况下，您应该在1 mb的范围内。