javascript - 使用 JavaScript 和 Canvas 制作动画

标签 javascript html animation canvas html5-canvas

我可以用 Canvas 制作简单的动画。但我必须在绘画前清理每一帧,这会使绘画速度变慢(fps ~ 15) 我尝试过使用 2 个 Canvas ,但没有成功。 您知道如何提高 fps 吗?我可以使用缓冲吗?以及如何?

最佳答案

如果您要绘制大量图像,则可以通过将图像绘制到 Canvas 元素上并将其存储而不是图像来大大提高性能。将一个 Canvas 元素绘制到另一个 Canvas 元素上比绘制图像要快得多。

关于javascript - 使用 JavaScript 和 Canvas 制作动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6505698/

相关文章:

javascript - Angular 动画不触发

javascript - ReferenceError:未定义电子

JavaScript:调用 Add 函数返回新数组的高阶函数;错误:输出数组中有 'NaN' 元素

javascript - Firebug : TypeError: 'click' called on an object that does not implement interface HTMLElement

javascript - 几秒钟后,我自动生成的 "dots"粘在屏幕底部

javascript - 处理旅行动画

javascript - 生成两个数字之间的任意随机数的 Javascript 设备如何在数学上工作?

javascript - React-native:当输入为空文本时,计算返回 NaN

javascript - jquery上/下滑动没有动画

javascript - 如何停止 JavaScript 定时器?