Aplicación web en SVG, problemas de rendimiento y viabilidad

Question

Somos una nueva empresa que desarrollará una aplicación web para la industria de la moda. Estábamos pensando en ir con canvas (no nos molesta el soporte de IE) pero ahora después de leer sobre Raphaeljs y jQuerySVG, estamos intrigados sobre las posibilidades de construir toda la interfaz & unidades en SVG.

Estas son las ventajas que vienen a la mente:

• independiente de la resolución
• capacidad de enfocar los objetos y mantener la forma y buscar
• navegadores optimización viene en camino
• nosotros no tener que dibujar todo en lienzo, podemos hacer uso de coordenadas para dibujar las unidades (elementos)
• sin necesidad de aprender XML; ¿Fácil de aprender y usar?
• SVG es bastante amplio por lo que debe manejar cómodamente el diseño de diversas moldea
• como lienzo, podemos utilizar HTML5 & características de CSS3 junto SVG (arrastrar y soltar, efectos CSS3 avanzada), incluso los efectos jQuery
• ya que no somos va a hacer uso de cualquier representación 3D complicada, por lo que, presumiblemente, no debería haber demasiados problemas de rendimiento con los vectores de pantalla completa?

Me encantaría escuchar sus comentarios sobre la base de la experiencia pasada en cuanto a la viabilidad de SVG que se utiliza para una aplicación web completa.

Hemos mirado en la lona por casi dos semanas y estamos convencidos de que podemos conseguir todas nuestras necesidades de ella, pero si SVG puede hacer lo mismo, que sería increíble y en realidad preferido (?).

Saludos

Answer 1

Un poco de alimento para el pensamiento: sin clasificar

lienzo es sólo un mapa de bits. Es más rápido cuando se renderizan grandes cantidades de objetos. SVG por otro lado debe mantener referencias a cada objeto que renderiza y se ralentiza significativamente con una tonelada de objetos.

... pero esas referencias significa que parte del trabajo de pies de tratar con las cosas que se dibujan está hecho para usted. Y SVG es más rápido cuando se representan objetos realmente grandes.

SVG ha conseguido una aceptación más pobre que tiene lienzo, sin embargo. Pero los navegadores tienen ambos ahora, así que no veo mucha preocupación, supongo.

Un juego probablemente sea más rápido en Canvas. Un gran programa de mapas probablemente sea más rápido en SVG.

Alguna optimización del navegador para Canvas está aquí. La semana pasada fue el debut de aceleración de hardware de Chrome 7.0. La vista previa de IE9 y Opera ya tienen aceleración de hardware también (no recuerdo FF).

lienzo sigue siendo en gran medida una especificación de estar (measureText devuelve un ancho pero sin altura!), Pero me ha gustado trabajar con él hasta ahora.

Answer 2

utilizo SVG para los logotipos e iconos simples y el único problema es un error webkit en relación con el fondo que se representa como blanco en lugar de transparente como otros navegadores hacen.En una máquina lenta, noté siete objetos parpadeando, uno después del otro, cuando se renderizó la primera vez, pero no sé si estoy haciendo algo mal.