javascript - 当用户滚动时在网页上画一条曲线

Question

我想知道是否可以在用户滚动时在网站上动态绘制曲线。我很确定它可以使用带有 bezierCurveTo() 方法的 HTML5 Canvas 来完成，但这只会立即绘制出整个内容。

这将用于使用 skrollr 库的视差网站。

有没有可以让这一切变得简单的图书馆？

有什么建议吗？

Answer 1

这里是 skrollr 的创建者。你提出的这个问题真的很有趣。您知道 skrollr 适用于嵌入式 SVG 吗？

经过 30 分钟的搜索(起点:How to draw a vector path progressively? (Raphael.js))，我得出了以下 skrollr 官方演示:

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

是的，我很兴奋。