beste Methode zum Zeichnen einer Bezier-Linie

Question

Ich habe ein Rätsel mit einem Design.

Stellen Sie sich die neue Facebook-Timeline mit vielen chronologischen Beiträgen vor. Doch statt einer geraden Linie muss ich dagegen eine randomisierten gekrümmte Linie mit ähnlichem so platziert Inhalt machen:

Die Komplexität kommt in denn als scrollt der Benutzer mehr Beiträge geladen werden (Facebook/Google Bilder Stil) So könnte die Linie fast endlos sein.

Soweit ich meine Optionen sind sagen kann:

1. SVG - schlechte Unterstützung in alten Browsern
2. Flash-Ebene - einbetten sehr groß sein wil und verursachen Performance
3. Leinwand gibt - wieder die Leinwand wird sehr groß sein und könnte dazu führen, Performance

FRAGE

ausstellt

Gibt es Cross-Browser-GFX-Bibliotheken, die dies tun könnten, vorzugsweise mit Unterstützung für IE7/8? Oder gibt es einen klügeren Weg, dies zu tun, den ich übersehen könnte?

BEARBEITEN: ANTWORT Siehe unten, Raphael erwies sich als der beste Weg, ich fand dies zu tun.

Answer 1

Verwenden Sie SVG über Raphaël - es unterstützt IE6 +.

Answer 2

Auch Catmull Rom Kurven

http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2&q=catmullromspline

Answer 3

Wenn die Platzierung vorhersehbar und statisch untersuchen Sie mit der Verwendung von vorgerenderten Kurvensegmente als reguläre Hintergründen wegkommen konnte. Es wird alles funktionieren und es wird sehr einfach zu implementieren sein.

Wenn Sie Lust haben, können Sie die benötigte Übersetzung pro Kurvensegment speichern und nach dem Zufallsprinzip diejenigen auswählen, die Sie innerhalb Ihrer eingestellten Breite halten.