Geek Answers Handbook

Draw a curved line on the web page as the user scrolls.

I was wondering if it is possible to dynamically draw a curved line on a website as the user scrolls. I'm pretty sure that this can be done using the HTML5 Canvas using the bezierCurveTo () method, but it just pulls everything out right away.

This will be used on the parallax website using the skrollr library.

Is there a library out there that can make this easier?

Any suggestions?

+8
javascript html5 html5-canvas drawing parallax
source share
1 answer

The creator of skrollr is here. This is a really interesting problem that you have encountered. Do you know that skrollr is working on embedded SVG?

After 30 minutes of searching (starting point: How to draw a vector path progressively? (Raphael.js) ) I came up with the following official skrollr demo:

http://prinzhorn.github.com/skrollr/examples/path.html

Yes, I'm thrilled.

+14
source share

More articles:


All Articles