Ich habe mich gefragt, ob es möglich ist, eine gekrümmte Linie auf einer Website dynamisch zu zeichnen, während der Benutzer scrollt. Ich bin mir ziemlich sicher, dass es mit HTML5 Canvas mit der BezierCurveTo () -Methode gemacht werden kann, aber das zeichnet das Ganze sofort aus.
Dies wird auf einer Parallax-Website verwendet, die die skrollr-Bibliothek verwendet.
Gibt es da draußen eine Bibliothek, die das leicht machen kann?
Irgendwelche Vorschläge?
Der Schöpfer von skrollr hier. Das ist ein wirklich interessantes Problem, auf das Sie gekommen sind. Wussten Sie, dass skrollr an embedded SVG arbeitet?
Nach 30 Minuten Suche (Ausgangspunkt: How to Zeichnen Sie einen Vektorpfad progressiv? (Raphael.js) ) Ich kam mit der folgenden offiziellen skrollr-Demo auf:
Ja, ich bin aufgeregt.
Tags und Links javascript html5 drawing parallax html5-canvas