哪个 HTML5 Canvas 库更快 KineticJS 或 EaselJS？答案

【问题标题】：Which HTML5 Canvas library is faster KineticJS or EaselJS?哪个 HTML5 Canvas 库更快 KineticJS 或 EaselJS？
【发布时间】：2014-05-14 09:52:06
【问题描述】：

我试图比较KineticJS 和EaselJS。

这两个库中哪一个在移动设备上速度更快？

【问题讨论】：

一般来说，移动设备上的画布是一个瓶颈——最近的操作系统版本更少，速度更快的设备更少，双处理器设备更少，配备 GPU 的移动设备几乎没有问题。但是，性能非常 [App |操作系统 | device] 依赖...您必须进行应用和设备特定的测试！无论如何，您都需要进行测试，因为不同的配置会产生潜在的画布故障变化。

标签： html mobile canvas kineticjs easeljs

【解决方案1】：

正如markE所说，你必须自己测试性能。这实际上取决于您拥有的应用程序类型。 KineticJS 可能会慢一些，因为它的架构非常高级，我认为 KineticJS 的事件模型是最好的。

如果您需要尽快。不要使用任何库。只是“纯”画布。

您可以在这里查看我的性能测试：http://slash-system.com/en/comparing-drawning-approaches-for-web/。在这种情况下，EaselJS 具有最佳性能结果。（我没有对每个库进行任何硬优化，只是最简单的方法，FastLayer 类也是在新的KineticJS 版本中引入的，我没有使用这种类型的层。）

【讨论】：

同意。性能将取决于您的使用情况。如果你有很多向量，它实际上可以归结为浏览器。 EaselJS 和 KineticJS 都是多用途库，因此纯画布方法可能更快，因为您可以针对特定用例进行优化。如果您使用的是位图，您可以尝试 EaselJS 的 SpriteContainer，它优化了对 GPU 的调用，而且速度非常快。 blog.createjs.com/webgl-easeljs-a-technical-intro