html - Canvas 框架性能

Question

我想为即将开始的项目选择 Canvas 框架。因此，我开始了一项研究，以找到适合我需要的那个。在搜索各种库的优缺点时，我偶然发现了这个性能测试 ( http://jsdo.it/djankey/test-kineticjs )。

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

前两者似乎很慢(至少在我的电脑上)。

Answer 1

在我的系统上，fabric.js 也非常快，但它不与我的鼠标交互。我正在使用 EaselJS 进行开发，我对它非常满意，主要原因是它的 API 非常接近 AS3 - 所以如果您以前使用 Flash 进行过开发，您可能会考虑一下。

另一方面，这些框架中的任何一个都可能在性能方面满足您的需求。我猜你的项目不会是一个简单的 300x300 盒子，有 1000 个点，我想说任何这些框架都应该很好地处理多达 100 个 Sprite 。当您的 Canvas 变大(例如全屏)时，它会变得很有趣，因为那时渲染更多地依赖于硬件和浏览器 native 渲染操作，而不是 Canvas 框架。而且 afaik 所有这些框架都会在“滴答声”上重新渲染完整的 Canvas (但我对此不是 100% 确定)。