文章目录
一.用面向对象思维来实现canvas动画
因为canvas不能得到已经存在的对象,所以我们要维持对象的状态。
在canvas动画中,我们都使用面向对象来进行编程,因为我们可以使用面向对象的方式来维持canvas需要的属性和状态。
总结:动画过程在定时器里,每一帧都会调用实例对象的更新和渲染的方法。
二.源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<