1. ホーム
  2. javascript

[解決済み] <canvas> 要素の最大サイズ

2022-08-09 03:41:48

質問

canvas 要素の高さが 600 から 1000 ピクセル、幅は数万から数十万ピクセルになります。しかし、あるピクセル数(当然不明)を超えると、JSで描いた図形がキャンバスに表示されなくなります。

どなたか制限をご存じないでしょうか?

Chrome 12とFirefox 4の両方でテストしています。

どのように解決するのですか?

2014年10月13日更新

テストしたすべてのブラウザで、canvas 要素の高さ/幅に制限がありますが、多くのブラウザで canvas 要素の合計面積も制限されています。私がテストできたブラウザでは、制限は次のとおりです。

Chrome。

最大高さ/幅: 32,767 ピクセル

最大面積 268,435,456 ピクセル(例:16,384×16,384 ピクセル)

Firefoxです。

最大高さ/幅: 32,767 ピクセル

最大面積 472,907,776ピクセル(例:22,528×20,992ピクセル)

IEです。

最大高さ/幅: 8,192 ピクセル

最大面積 N/A

IEモバイルです。

最大高さ/幅: 4,096 ピクセル

最大面積 N/A

その他

現時点では、他のブラウザをテストすることはできません。追加の制限については、このページの他の回答を参照してください。


ほとんどのブラウザで、最大長/最大幅/最大面積を超えると、キャンバスが使用できなくなります。(使用可能な領域であっても、描画コマンドは無視されます。) IE および IE Mobile は、使用可能な領域内のすべての描画コマンドを尊重します。