|   字数统计: 94(字)

canvas背景动画（仿知乎登录页面动画）

发表于 | 分类于 | 阅读次数

canvas背景动画（仿知乎登录页面动画）

演示链接

效果

主要知识点

  • canvas画图
  • es6 class 语法应用

总体思路

  • 创建 canvas 对象
  • canvas 画圆和画直线
  • 圆圈移动
  • 鼠标点画圆闪烁变动，以及连线其他原点
  • requestAnimationFrame 更新画面

参考：
requestAnimationFrame
ECMAScript 6 入门 Class
初学canvas仿知乎登录页面动画

AlexZ33 wechat
扫码订阅公众号
如果文章对您有用请随意打赏，谢谢支持！