## index.html测试代码:

我们可以写一个循环创建 canvas 的代码，每个 canvas 宽高各 512px，也就是一个 512x512 像素的纯白色图片（32 位），它占用内存 1MB。通过一步步试探我们就可以找出 chrome、Safari 等浏览器的限制是多少

如果报错就说明到达限制.经过测试发现chrome基本没有限制,safari大致4g左右.

相关参考: https://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650101325&idx=1&sn=8f5b859360bcefbf62563e600d81d719&chksm=83dbcb28b4ac423e5cd64f73bffc18e5567bac752d75e1c19a9fa773812f787398787ee16902&scene=27

## test.html测试代码

在IOS10下，自带浏览器和微信下，超过4096*4096像素则显示不了红色方块；

HUAWEI NXT-TL00手机自带浏览器和UC浏览器下，不能超过8192*8192像素；

在PC,CHROME浏览器，360浏览器，不能超过16384*16384像素；

　　搜狗浏览器，要比16384*16384稍微小一些；

　　firefox,最大数在11164*11164左右；

　　IE11、EDGE浏览器，没找到极限，只不过越大电脑越慢内存消耗严重；

## 网上参考限制尺寸:

所有经过测试的浏览器都限制了canvas元素的高度/宽度，但是许多浏览器也限制了canvas元素的总面积。对于我可以测试的浏览器，限制如下：

Chrome：

最大高度/宽度：32,767像素
最大区域：268,435,456像素（例如16,384 x 16,384）

Firefox：

最大高度/宽度：32,767像素
最大区域：472,907,7​​76像素（例如22,528 x 20,992）

IE浏览器：

最大高度/宽度：8,192像素
最大面积：不适用

IE Mobile：

最大高度/宽度：4,096像素
最大面积：不适用

其他：

我目前无法测试其他浏览器。有关其他限制，请参阅此页面上的其他答案。