The size limit of the canvas in mainstream browsers.

Source: Internet
Author: User

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.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.