Html 画布框架性能

我想为即将开始的项目选择一个画布框架。因此，我开始了一项研究，以找到一个适合我的需要。在搜索各种库的优缺点时，我偶然发现了这个性能测试（）

这三个库的表现给我留下了深刻的印象。所以我想问一下，这个测试是否反映了Kinetic.js、Fabric.js和Easel.js所展示的实际性能

---

前两个似乎非常慢（至少在我的计算机上是如此）。

在我的系统fabric.js上也非常快，但是它没有与我的鼠标交互。 我用Easeljs开发，我很高兴它，因为它的API非常接近AS3的主要原因-所以如果你已经开发了Flash之前，你可能想考虑它。

---

另一方面，这些框架中的任何一个都可能在性能方面满足您的需求。我猜你的项目将不会是一个简单的300x300框和1000个点，我想说任何多达100个精灵都应该被这些框架很好地处理。当画布越来越大（例如全屏）时，它会变得很有趣，因为与画布框架相比，渲染更依赖于硬件和浏览器本机渲染操作。所有这些框架都会在一个“记号”上重新呈现整个画布（但我不是100%确定）。

这取决于您正在构建的项目类型。正如上面提到的olsn，如果您熟悉ActionScript和/或正在构建一个包含大量需要CPU性能的移动精灵的游戏，那么Easel.js肯定是您提到的三个框架中的最佳选择。如果您想与CreateJS套件中的其他库集成，那么画架也是一个明智的选择

如果您正在构建一个游戏，并且不介意在一个受支持的解决方案上投入一些资金，那么您可能需要调查impactjs——我个人没有使用过它，但我从开发人员朋友那里听到了一些好消息

您可以非常快速地在Kinetic中构建简单的应用程序—它的API非常简单和直接，但如果性能是关键—那么我可能会避开它

---

如果你需要大量的交互性，并且想要一个能让用户轻松操作屏幕上的对象的库，那么fabricjs是一个非常好的开箱即用的工具，它有很多内置功能，可以让开发这样的应用快速进行，而且它的性能也相对较好。

My results where fabric（60/60fps），easel（55/60帧/秒）然后是kineticJS（20/60帧/秒）。你的目标是什么平台？仅桌面？我的目标是移动和桌面平台。对于移动设备（iPhone5，6.1.3），画架是迄今为止最快的（~39帧/秒），其次是织物（~17帧/秒），然后是Kinetic，很糟糕（~5帧/秒）。希望这有助于您的电脑上的Fabric.js演示是否也会变慢？我在Mac OS X上的Chrome 31中的速度始终接近60fps。