¿Existe un límite práctico para el número de elementos HTML5 canvas que puede tener en una sola página?¿Existe un límite práctico para la cantidad de elementos de lienzo que puede tener en una página?
Por ejemplo, ¿hay 500 lienzos individuales factibles para un navegador moderno en una computadora promedio?
Cada lienzo consume al menos memoria, al menos, una imagen del mismo tamaño.
¿Qué tan grande son esos lienzos, de todos modos?
Tener 500 imágenes diferentes en la misma página podría ralentizar la PC, y si esas imágenes se reducen mediante CSS (para que tenga uso adicional de la CPU), la lentitud es abrumadora (ya lo probé).
prueba rápida hecho:
he creado 500 512x512 lienzos, y el uso de memoria de Windows era aproximadamente 40 MB. No tanto, realmente.
Ahora debería dibujar en cada uno a través de JS, tal vez usarlos asigna mucha más memoria.
operación -Editar-
500 lienzos, 512x512, en cada una se dibuja un triángulo: http://jsfiddle.net/3U4hG/1/
consume alrededor de 0,5 GB, alrededor de 1 MB para cada lona, y considerando que 512x512x4 (4 bytes por píxel) es 1 MB, el uso de la memoria se puede determinar fácilmente.
Genial, gracias. – UpTheCreek
Siento que esto no entiende el punto, o al menos solo implica la respuesta "verdadera". Obviamente, 500 imágenes tomarán mucho espacio/rendimiento. La parte importante es: ¿cómo se compara con 500 imágenes únicas? O, como alternativa, ¿existe alguna diferencia en las imágenes generadas en el lado del servidor como archivos estáticos en comparación con las imágenes generadas en el lado del cliente escritas en lienzo? – Odalrick
@PeeHaa: sí, lo siento .. – genesis
He tenido problemas con Chrome crashing antes de los lienzos de 3k. Los lienzos vacíos no son un problema, estos son los que se copiaron de un elemento de video. Estos lienzos no están en el DOM, los estaba usando para almacenar el video de la webcam para la reproducción. –