canvas动画原理

简单概括:切换速度非常快的静态画面

<small>如果我们的世界可以静止,每一个静止的瞬间都是一副静态的画面。</small>

一、动画类别

1、利用图片  换图、裁剪区域坐标、 绘制区域等
2、利用绘图API(画点、连线、填充等)  大量的计算

二、共同点

都是利用canvas提供的API,在每一帧改变的时候修改API的参数值,达到每一帧静态画面的细微不同,把帧连续起来就形成了动画。

三、相关代码

ctx.clearRect(0, 0, canvas.width, canvas.height);

每次绘制之前都要清空画布,用来绘制下一帧的图像。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容