<canvas>の縦横上限

HTML5のCanvas2D要素(<canvas>)には、ブラウザごとに縦横サイズや総ピクセル数に上限が設定されています。

主なブラウザの上限値

ブラウザ 最大幅/高さ(px) 最大面積(px²)
Chrome 32,767 268,435,456(16,384×16,384)
Firefox 32,767 472,907,776(22,528×20,992)
Internet Explorer 8,192 情報なし
IE Mobile 4,096 情報なし
Safari (iOS) 3〜5メガピクセル 例: 1,773×1,773〜2,289×2,289

ブラウザやOSのバージョン、利用デバイスのメモリ量によって変動します。
Canvas2Dのサイズ上限は、描画内容の複雑さやメモリ消費量にも依存します。
端末のスペックや他のタブの状況によっては動作しない場合があります。

参考

Maximum size of a <canvas> element