点击查看瀑布特效

HTML5+javascript打造瀑布特效，canvas绘图！

实话说，这不像是一个瀑布，倒像是天上下石头，但是咱们写代码的，不要在意这些细节，重点是思路，逻辑，以及具体实现效果的方法。在布局方面，因为是用HTML5/canvas，所以只需要一个canvas画布即可，也就是一行代码：

<canvas id="canvas" width="400" height="500"></canvas>

CSS样式也只需要大概的设置下，代码量不多，这次的效果重点是javascript的代码，因为都是用的原生javascript，没有调用插件，看过我以前写的特效的朋友就知道，我一般都强调的就是基础的原生javascript的重要性，特别是现在各种插件以及框架流行，初学者一旦盲目的去学框架，而忽略原生javascript的话其实是很难找工作的，因为每个公司使用的插件以及框架都未必是一样的，也未必会一直使用。但是如果你原生javascript的基础很扎实，那么不管是什么框架或者插件，你都能在很短时间内掌握，使用，迅速创造价值，这也是很多公司喜欢的人才！万丈高楼平地起！不多说，直接上源码！

如果想要更多的企业求职加分项目，案例，学习方法可以来一下我的前端群570946165，每天都会精挑细选一个特效，项目出来详细讲解，分享！包括答疑解惑！

HTML5+javascript打造瀑布特效源码：

代码过长需要文档版源码来我的前端群570946165，已上传到群文件

头条号里有许多web前端学习视频/源码，企业常用特效/案例/项目，敬请关注！

这是哪？