Maximální velikost prvku

Pracuji s prvkem canvas s výškou 600 do 1000 pixelů a šířky několika desítek nebo stovek tisíc pixelů. Po určitém počtu pixelů (samozřejmě neznámých) však plátno již nezobrazuje tvary, které kreslím pomocí JS.

Nevíte někdo, jestli je nějaký limit?

Testováno v Chrome 12 a Firefoxu 4.

Odpověď

Aktualizováno 13. 10. 2014

Všechny testované prohlížeče mají limity na výšku/šířku prvků canvas, ale mnoho prohlížečů také omezuje celkovou plochu prvku canvas. Limity pro prohlížeče, které mohu testovat, jsou následující:

Chrome:

Maximální výška/šířka:32 767 pixelů
Maximální plocha:268 435 456 pixelů (např. 16 384 x 16 384)

Firefox:

Maximální výška/šířka:32 767 pixelů
Maximální plocha:472 907 776 pixelů (např. 22 528 x 20 992)

IE:

Maximální výška/šířka:8 192 pixelů
Maximální plocha:N/A

IE Mobile:

Maximální výška/šířka:4 096 pixelů
Maximální plocha:N/A

Jiné:

V tuto chvíli nemohu testovat jiné prohlížeče. Další limity naleznete v ostatních odpovědích na této stránce.

Překročení maximální délky/šířky/plochy ve většině prohlížečů způsobí, že plátno je nepoužitelné. (Bude ignorovat všechny příkazy kreslení, a to i v použitelné oblasti.) IE a IE Mobile budou respektovat všechny příkazy kreslení v rámci použitelného prostoru.