javascript - Canvas 全是帧动画吗？ 为啥没有像CSS3那种缓动动画？

问题描述

问 题

如题

才开始学Canvas 。

找遍了好多资料，发现 Canvas 没有缓动动画

（ 比如 ，画了一个方块 ，然后设置他的目标位置 ，然后，他自己就move过去 ，设置一个旋转，设置时间，他就自己转过去。）

全是 帧动画

（画了一个方块，然后用定时器，先清理画布，再重新绘制变动了位置的方块，然后判断他的位置是否到达目标，如果没有，继续循环，周而复始 直到 达到目的地 ）

难道Canvas 真的只有帧动画 没有像CSS3那种好用的缓动动画吗？

解决方案

可以借助第三方库，比如tween.js实现，或者用现成框架，省时省力，我用的是HTML5游戏框架Phaser，包含PIXI和tween.js，轻巧，快速，强大，用起来很舒服。

这篇关于javascript - Canvas 全是帧动画吗？ 为啥没有像CSS3那种缓动动画？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！