Welche JavaScript-Grafikbibliothek hat die beste Leistung?

8

Ich mache ein paar Recherchen für ein JavaScript-Projekt, bei dem die Leistung beim Zeichnen einfacher Primitive (d. h. Linien) bei weitem die höchste Priorität hat.

Die Antworten auf diese Frage bieten eine großartige Liste von JS Grafikbibliotheken. Obwohl mir bewusst ist, dass die Wahl des Browsers eine größere Wirkung hat als die Bibliothek, würde ich gerne wissen, ob es Unterschiede zwischen ihnen gibt, bevor ich eine auswähle.

Hat jemand einen Leistungsvergleich zwischen diesen gemacht?

    
DNS 23.03.2009, 23:22
quelle

7 Antworten

7

Wenn du nicht 3d machst, benutze nur rohe Leinwand mit Exkanvas als Explorer-Fallback. Ihr Flaschenhals ist Javascript-Ausführungsgeschwindigkeit, nicht Line-Rendering-Geschwindigkeit. Außer dem IE, der sich zusammenzieht, wenn die Szene zu komplex wird, weil VML tatsächlich ein Dom erstellt.

Wenn Sie sich wirklich Sorgen um die Leistung machen, gehen Sie auf jeden Fall mit Flash und schreiben Sie das Ganze in ActionScript. Sie erhalten eine um eine Größenordnung bessere Leistung, und mit dem Flex SDK müssen Sie nicht einmal etwas kaufen. Es gibt mehrere anständige Bibliotheken für 3D in Flash / Flex zur Verfügung.

    
Joeri Sebrechts 25.03.2009, 19:46
quelle
7

Raphael JavaScript-Bibliothek

Ссылка

    
reelfernandes 26.04.2010 04:31
quelle
3

Keine von ihnen hat eine gute Leistung. Es ist 2009 und der Zustand der programmierbaren Grafik-Rendering in Web-Browsern ist wirklich deprimierend. Ich könnte vor 25 Jahren auf einem vt125-Terminal schneller interaktiv machen. Wenn Sie etwas Interaktives machen, denken Sie über die Verwendung von Flash nach. Sonst würde ich eine serverseitige schwere Lösung wählen, die auf Ihre Bedürfnisse zugeschnitten ist.

    
Scott Evernden 23.03.2009 23:24
quelle
3

Bis jetzt - wird processing.js (JavaScript-Canvas-Implementierung der Sprache "Processing") und / verwendet oder raphael.js (kleine und handliche VML / SVG-Javascript-Bibliothek).

Die Leistungsempfehlungen hängen von der Aufgabe ab:

  • hoch dynamische, komplexe Primitive (oder eine große Menge davon) - Canvas (Pixel, Low-Level-API)

  • geringere Anzahl an Primitiven, hoch skalierbar, integriert in DOM - SVG / VML (Vektor, High-Level-API)

kpeo 25.01.2012 17:41
quelle
0

Ich weiß, dass du gesagt hast, dass der Browser mehr Einfluss hat. Warum also nicht bei optimierten SVG-Anrufen bleiben? Dann "könnte" es in allen Browsern funktionieren, aber ...

Chrome ist robust genug, um 3D-Modellierung effizient zu rendern:

Ссылка

    
cgp 24.03.2009 01:58
quelle
0

Wie wäre es mit Ссылка ? Es verwendet SVG / VML.

    
Tregoreg 04.01.2010 06:55
quelle
0

Für grundlegende Zeichnungen (wie Linien, Kreise und Polygone) würde ich Walter Zorns Grafikbibliothek . Es wurde im Hinblick auf Leistung entwickelt und funktioniert in einer Unmenge von Browsern.

    
Josh Stodola 24.03.2009 00:40
quelle

Tags und Links