Esiste un limite pratico al numero di elementi di canvas HTML5 elementi che è possibile avere su una pagina?Esiste un limite pratico al numero di elementi canvas che è possibile avere su una pagina?
Ad esempio, sono sufficienti 500 tele singole per un browser moderno nel computer medio?
Ogni tela consuma memoria almeno, non meno di un'immagine della stessa dimensione.
Quanto sono grandi queste tele, comunque?
Avere 500 immagini diverse sulla stessa pagina potrebbe rallentare il PC, e se quelle immagini vengono ridimensionate via CSS (in modo da avere un utilizzo della CPU aggiuntivo), la lentezza è travolgente (l'ho già testata).
rapido test fatto:
Ive ha creato 500 512x512 tele, e l'utilizzo della memoria di Windows era di circa 40 MB. Non così tanto, davvero.
Ora dovrei disegnare in ognuna tramite JS, forse l'utilizzo di questi alloca molta più memoria.
operativa -Editazione-
500 tele, 512x512, in ognuno è disegnato un triangolo: http://jsfiddle.net/3U4hG/1/
consuma circa 0,5 GB, circa 1MB per ogni tela, e considerando che 512x512x4 (4 byte per pixel) è 1 MB, l'utilizzo della memoria può essere facilmente determinato.
Ottimo, grazie. – UpTheCreek
Sento che questo manca il punto, o almeno implica solo la "vera" risposta. Ovviamente 500 immagini prenderanno molto spazio/prestazioni. La parte importante è: come si confronta con 500 immagini uniche? O in alternativa, c'è una differenza tra le immagini generate lato server utilizzate come file statici rispetto alle immagini generate lato client scritte su tela? – Odalrick
@PeeHaa: sì, mi dispiace .. – genesis
Ho avuto problemi con il crash di Chrome prima delle tele 3k. Le tele vuote non sono un problema, queste sono copiate da un elemento video. Queste tele non sono nel DOM, le stavo usando per memorizzare i video della webcam per la riproduzione. –