java canvas 动态画图_canvas前端动图如何实现

展开全部

Canvas是HTML5中的重要组成部62616964757a686964616fe59b9ee7ad9431333366306464分，用于绘制简单的图形，定义路径，创建渐变及应用图像变换，如何用Canvas制作动画也是很多人都有的疑问。

01

什么是动画？我们在绘制动画之前必须要弄清楚什么是动画，一个动画最起码需要哪些基本条件呢？我们可以用一个工具展示动画是什么。这是利用PPT绘制出的一个动画效果

根据以上PPT绘制出的一个动画效果我们可以看到，快速在几张PPT页面进行切换时连起来看到的就是一个动画效果。

这就是动画实现的基本要素：

➤ 单位时间内连续播放多张图片。这个单位时间一般以秒为单位，在计算机渲染的图形中要想获得一个足够流畅的视频，每秒钟内的图片数量必须要大于等于显示器的刷新频率(这个刷新频率一般为60hz)

➤ 每图片内的物体状态(大小，形状，颜色，位置，角度等等)必须要发生改变

那么我们在Canvas中如何实现这两个条件呢？

如何在1s内绘制60张图形我们可以把这话变形一下，就变成每隔1/60s就绘制一张图形。在Java中要想实现每隔一段时间做一件事情，我们使用的方法是用定时器setinterval。

02

什么是定时器？setinerval(function f(){}，t)，定