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のサイズ上限は、描画内容の複雑さやメモリ消費量にも依存します。
端末のスペックや他のタブの状況によっては動作しない場合があります。