canvas粒子动画背景的实现示例

2019-01-28 21:20:27于海丽

动画

使用requestAnimationFrame循环调用draw方法(draw方法里包含画点和画线),同时在draw的时候根据rateXrateY来改动点的位置。

// 调用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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易采站长站。