网址：http://brightmedia.pl/?lang=en&site=intro
就是当我鼠标滚轮滑动的时候 页面中的线条会伸长 流动 我想知道这些效果的原理
学习是最好的投资！
这个网站好棒！
F12看下的话，如上图，是这样：3个position: fixed;的<canvas>元素随时占据视野范围内可见的空间。所以整个过程是，根据页面滚动的位置，控制<canvas>里的绘图。
position: fixed;
<canvas>
具体canvas的绘图方法就请查看相应的教程了。
好棒唉的网站。。
外国人就是会玩，设计也不错。一般这样的实现都用滚屏插件，实现也很简单，关键还是看设计和创意。这个网站的实现蛮有创新的，使用了canvas，效果可能更多，但流畅性会差一些。编程也会各种麻烦。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
这个网站好棒！
F12看下的话，如上图，是这样：3个
position: fixed;的<canvas>元素随时占据视野范围内可见的空间。所以整个过程是，根据页面滚动的位置，控制<canvas>里的绘图。具体canvas的绘图方法就请查看相应的教程了。
好棒唉的网站。。
外国人就是会玩，设计也不错。一般这样的实现都用滚屏插件，实现也很简单，关键还是看设计和创意。
这个网站的实现蛮有创新的，使用了canvas，效果可能更多，但流畅性会差一些。编程也会各种麻烦。