动画
使用requestAnimationFrame循环调用draw方法(draw方法里包含画点和画线),同时在draw的时候根据rateX和rateY来改动点的位置。
| // 调用draw函数开启动画 (function draw() { ctx.clearRect(0, 0, width, height); drawPoints(); // 如果不需要画线,取消下面这行代码即可。 drawLines(); window.requestAnimationFrame(draw); }()); |
完整代码请看: https://github.com/PengJiyuan/particle-bg
我的Github:https://github.com/PengJiyuan
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易采站长站。









