The size limit of the canvas in mainstream browsers.
The test shows that canvas has different maximum size limits under different browsers.
As we all know, canvas has its own width and height attributes to control the size, and uses css width and height to control the display size. It can be understood that canvas is an img, and the width and height of the attribute are the pixel size of the img source image. However, the maximum size limit is available when the canvas size is set in each browser. Let's test it and share it with you.
Test code
<!DOCTYPE html>
Under IOS10, if the browser or lower is used, the red box cannot be displayed if the number of pixels exceeds 4096*4096 pixels;
HUAWEI NXT-TL00 mobile phone with browser and UC browser, cannot exceed 8192*8192 pixels;
In PC, CHROME, and 360 browsers, the value cannot exceed 16384*16384 pixels;
Sogou browser, slightly smaller than 16384*16384;
Firefox, up to 11164*11164;
IE11 and EDGE browsers do not find the limit, but the larger the computer, the slower the memory consumption is;
We can also see from the above that the browser kernel affects this number. There is no MAC on hand. If you are interested, you can help test and complete the data.
The above test results are based on the above Code. If the test is not accurate or for other reasons, please correct it.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
