Applicazione Web in SVG, problemi di prestazioni e redditività

Question

Siamo una nuova startup che svilupperà un'applicazione Web per il settore della moda. Stavamo pensando di andare con la tela (non ci preoccupiamo del supporto di IE) ma ora, dopo aver letto su Raphaeljs e jQuerySVG, siamo incuriositi dalle possibilità di costruire l'intera interfaccia & in SVG.

Ecco i vantaggi che mi vengono in mente:

• risoluzione indipendente
• capacità di zoom gli oggetti e mantenere la forma e guardare
• browser ottimizzazione venire sulla strada
noi
• non dovendo disegnare tutto su tela, possiamo usare le coordinate per disegnare le unità (articoli)
• non c'è bisogno di imparare XML; Facile da imparare e da usare?
• SVG è abbastanza ampio in modo da dovrebbe gestire comodamente vari design dà forma
• come tela, possiamo utilizzare HTML5 & caratteristiche CSS3 fianco SVG (drag 'n drop, effetti CSS3 avanzati), anche gli effetti jQuery
• come noi non siamo fare uso di qualsiasi complicato rendering 3D, quindi presumibilmente non dovrebbe esserci troppa performance con i vettori a schermo intero?

Mi piacerebbe sentire i vostri commenti in base all'esperienza passata sulla validità di SVG utilizzato per un intero rendering di un'applicazione Web.

Abbiamo esaminato la tela per quasi due settimane e siamo convinti di poter ottenere tutti i nostri bisogni, ma se SVG può fare lo stesso, sarebbe fantastico e in realtà preferito (?).

Acclamazioni

Answer 1

Alcuni alimenti non differenziati di riflessione:

tela è solo una bitmap. È più veloce quando si esegue il rendering di un numero elevato di oggetti. D'altra parte, SVG deve mantenere i riferimenti a ciascun oggetto che esegue il rendering e rallenta in modo significativo con una tonnellata di oggetti.

... ma quei riferimenti significano che parte del gioco di piedi con le cose che disegni è fatto per te. E SVG è più veloce durante il rendering di oggetti veramente grandi.

SVG ha riscontrato un'adozione più scarsa rispetto a Canvas. Ma i browser hanno entrambi adesso, quindi non vedo molta preoccupazione lì, suppongo.

Un gioco sarebbe probabilmente più veloce in Canvas. Un enorme programma di mappe sarebbe probabilmente più veloce in SVG.

Alcune ottimizzazioni del browser per Canvas sono qui. La scorsa settimana è stato il debutto dell'accelerazione hardware di Chrome 7.0. L'anteprima di IE9 e Opera hanno già anche l'hardware (non richiamare FF).

La tela è ancora una speculazione vivente (MeasureText restituisce una larghezza ma non un'altezza!), Ma ho adorato lavorare finora.

Answer 2

Uso SVG per semplici loghi e icone e l'unico problema è un bug del webkit relativo allo sfondo reso come bianco anziché trasparente come fanno altri browser.Su una macchina lenta, ho notato sette oggetti lampeggiare, uno dopo l'altro, quando resi la prima volta, ma non so se sto facendo qualcosa di sbagliato.