2009-03-23 19 views
8

Sto facendo qualche ricerca per un progetto JavaScript in cui l'esecuzione del disegno di primitive semplici (cioè linee) è di gran lunga la priorità assoluta.Quale libreria grafica JavaScript ha le migliori prestazioni?

Le risposte a this question forniscono un ottimo elenco di librerie grafiche JS. Mentre mi rendo conto che la scelta del browser ha un impatto maggiore rispetto alla libreria, vorrei sapere se ci sono delle differenze tra di loro, prima di sceglierne una.

Qualcuno ha fatto un confronto delle prestazioni tra uno di questi?

risposta

7

Se non stai facendo 3d, basta usare tela grezza con excanvas come un fallito esploratore. Il collo di bottiglia sarà la velocità di esecuzione javascript, non la velocità di rendering della linea. Tranne IE, che si impantanerà quando la scena diventerà troppo complessa perché VML costruisce effettivamente un dom.

Se siete davvero preoccupati per le prestazioni, sicuramente andate con il flash e scrivete il tutto in ActionScript. Otterrai un ordine di grandezza migliore, e con il flex sdk non avrai nemmeno bisogno di comprare nulla. Ci sono diverse librerie decenti per 3d in flash/flex disponibili.

+0

Sì, questo sembra essere il consenso. Per quanto riguarda Flash; questo è quello che uso di solito, ma in questo caso voglio specificatamente farlo in JS, per il gusto di farlo in JS (ispirato a Chrome Experiments). – DNS

+5

Ciao, DAL FUTURO. È il 2013 e ci sono molte buone librerie di rendering grafiche programmabili. Flash è essenzialmente morto. Ci deve essere un tag "Obsoleto" per domande/risposte che erano corrette mezzo decennio fa, ma non lo sono più. – aendrew

3

Nessuno di questi ha una buona prestazione. È il 2009 e lo stato del rendering grafico programmabile nei browser Web è davvero deprimente. Potrei fare interattività più veloce su un terminale VT125 25 anni fa. Se stai facendo qualcosa di interattivo, pensa a usare Flash ... Altrimenti, opterei per una soluzione pesante sul lato server a seconda delle tue esigenze

+1

so che nessuno di loro ha buone prestazioni; Sto cercando quale sia la prestazione meno terribile. E, anche se ho usato Flash per una tonnellata di altri progetti, voglio specificatamente farlo in JS. – DNS

+0

sì capisco. lo voglio.Ho passato molti anni a fare grafica e non potevo davvero immaginare di fare qualcosa di interessante nella grafica usando puro JS. Forse stai solo facendo diagrammi di flusso e non sarà così male:/ –

+0

+1 per umorismo e onestà –

0

Per il disegno di base (come linee, cerchi e poligoni), vorrei raccomandare Walter Zorn's Graphics Library. È stato progettato pensando alle prestazioni e funziona in un sacco di browser.

+1

disegna pixel usando .... div. oye –

+0

Verifica i benchmark delle prestazioni di questa libreria e confrontali con quelli più popolari. Quindi concentrati nuovamente sulla domanda, ignoranza del Capitano. –

+1

ancora una volta perché sei un po 'denso .. disegna pixel usando .... divs –

0

So che hai detto che il browser ha più influenza, quindi perché non continuare a utilizzare le chiamate SVG ottimizzate? Poi, "potrebbe" lavoro in tutti i browser, ma ...

Chrome è abbastanza robusto per fare il rendering di modellazione 3D in modo efficiente:

http://www.chromeexperiments.com/detail/monster/

+1

Stavo cercando di provare WebGL su Chrome e Firefox 5 oggi. Sembra che il mio PC sia ancora "XP" ... il driver hardware non è adatto. – will

0

Che ne dici di http://www.jsgl.org? Usa SVG/VML.

+0

o renderlo un commento o elaborarlo correttamente in modo che sia esplicativo. –

3

Fino ad ora - è usato processing.js (javascript implementazione tela del linguaggio "Processing") e/o raphael.js (piccolo e pratico VML/SVG libreria javascript).

I recomendations prestazioni dipendono compito:

  • alta dinamica, primitive complessi (o quantità enorme di esso) - tela (pixel, basso livello API)

  • minore quantità di primitive, altamente scalabile, integrata nel DOM - SVG/VML (vector, di alto livello API)

Problemi correlati