2011-09-03 9 views
8

HTML5キャンバス要素の数には実際の制限がありますか?1ページにできるキャンバス要素の数には実際的な制限がありますか?

たとえば、平均的なコンピュータの最新のブラウザでは、500個の個別のキャンバスが可能ですか?

+0

@PeeHaa:はい、申し訳ありません。 – genesis

+0

3kキャンバスの前にクロムがクラッシュする問題がありました。空のキャンバスは問題ではありません。これらはビデオ要素からコピーされたものです。これらのキャンバスはDOMにはなく、再生用にウェブカムビデオをバッファリングするために使用していました。 –

答えて

9

それぞれのキャンバスは、少なくとも同じサイズの画像以上のメモリを消費します。

とにかくキャンバスはどれくらい大きいですか?

同じページに500種類の画像を置くと、PCが遅くなる可能性があります。これらの画像をCSSで縮小すると(CPU使用量が増えるため)、処理が遅くなります。行わ

簡単なテスト:

アイブ氏は500枚の512x512のキャンバスを作成し、Windowsのメモリ使用量が40メガバイト程度でした。そうではありません。

JSを使ってそれぞれを描画する必要があります。多分もっと多くのメモリを割り当てる必要があります。各キャンバスのための1メガバイト約0.5ギガバイト約http://jsfiddle.net/3U4hG/1/

消費し、その512x512x4を考慮(4バイトあたり:

-edit-

500枚のキャンバス、512×512は、各三角形を描画されますピクセル) 1MBの場合、メモリ使用量を簡単に判別できます。

+0

よかった、ありがとう。 – UpTheCreek

+4

私はこれがポイントを逃し、あるいは少なくとも「真の」答えを意味するに過ぎないと感じます。明らかに500枚の画像が多くのスペース/パフォーマンスを必要とします。重要なのは、500個のユニークな画像とはどう違うのですか?あるいは、キャンバスに書き込まれたクライアントサイド生成画像と比較して、静的ファイルとして提供されるサーバ側生成画像に違いがありますか? – Odalrick

関連する問題