测试环境:
CPU:i5,内存:16G,集成显卡128M显存
win10系统,分辨率1920 * 1080
Chrome 95+ , Edge 95+ , IE 20H2,FireFox 94+
在chrome 和 Edge中,
canvas矩形的单边最大长度不能超过 65535
并且总像素面积不能超过 268421360 平方像素
也就是说如果矩形的长边是 65535 ,那么短边不能超过4096
如果超出这些限制,则不能正常显示。
在FireFox中
一般情况下矩形的长边不超过 32767 ,总像素面积不超过125w,但是也有例外:
比如宽高设置为 width="3890" height="32133" 虽然满足条件但是不能显示,
具体原因不明。
在IE中
高度超过 16386 的内容 或者 宽度超过 16384 的内容 就不再显示了
不管canvas宽高设置多少,只要在这个范围内的内容,都能正常显示,没有总面积的限制