HTML5 キャンバス要素の高さ、幅、面積の最大制限は何ですか?

の最大サイズ制限について理解する要素

グラフィックスや画像の操作によく使用されるキャンバス要素には、開発者が注意すべき固有のサイズ制約があります。ブラウザーにはさまざまな制限がありますが、パフォーマンスを確保し、過剰なメモリ消費を防ぐために、すべてのブラウザーに制限が課されています。

最大の高さと幅:

テストされたすべてのブラウザーで、最大許容値は次のとおりです。 Canvas 要素の高さと幅は 32,767 ピクセルです。これは、キャンバスがどちらの方向でもこれらの寸法を超えることができないことを意味します。

合計領域:

高さと幅の制​​限に加えて、多くのブラウザでは最大合計領域も強制されます。キャンバス要素の場合。 Firefox でサポートされる最大領域は 472,907,7​​76 ピクセル (約 22,528 x 20,992 ピクセル) です。 Chrome では、最大 268,435,456 ピクセル (16,384 x 16,384 ピクセル) の領域が許可されます。

ブラウザの既知の制限:

• Chrome: 最大高さ/幅: 32,767 ピクセル、最大面積: 268,435,456 ピクセル
• Firefox: 最大高さ/幅: 32,767 ピクセル、最大領域: 472,907,7​​76 ピクセル
• IE: 最大高さ/幅: 8,192 ピクセル
• IE モバイル: 最大高さ/幅: 4,096ピクセル

制限の超過:

キャンバス要素の最大の高さ、幅、または面積を超えると、ブラウザーによって動作が異なります。ほとんどのブラウザは描画コマンドを無視し、キャンバスを使用できなくなります。ただし、IE と IE Mobile は、余分な領域を除いて、使用可能な領域内で描画コマンドを受け入れます。

以上がHTML5 キャンバス要素の高さ、幅、面積の最大制限は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。