html - Paper.js VS EaselJS VS Fabric.js VS KineticJS

Question

• paper.js
• EaselJS
• fabric.js
• KineticJS

大家好，我是 html5 canvas 开发的新手，我在选择 canvas 框架时迷失了方向。它们太多了，我不知道该用什么。所以我来了!我需要你的帮助来选择哪一个更适合我的需要。有我的需求

1) 我想要使用矢量图形的框架，我知道 Canvas 不是 DOM，我真的不关心它，但我的意思是我想在对象创建后对其进行操作，PaperJS 有这个功能我不知道不知道别人。如果可以使用高级鼠标事件就更好了。

2) 我想使用图像框架，我将加载图像并用 Canvas 为它们设置动画，移动，为一些颜色设置动画...

3)因为我的需要，我希望框架快(图像动画应该是流畅的)

4) 我希望该框架拥有良好的社区，因为我知道我需要一些帮助。

那你觉得哪个更适合我呢？如果您能从我的列表中写下每个框架的优点和缺点，请问一下？

Answer 1

HTML5 canvas 环境还是很新鲜的。您可能会觉得已经有很多工具可用，但它们通常还很不成熟。

我的回答将只涵盖您问题的一部分，因为我只使用了 KineticJS 和 EaselJS。您可以从阅读意见开始this page (我的是最下面的)。

简而言之，KineticJS 的入门阈值较低。它是简单的绘图库，也支持鼠标事件。在我尝试使用它时，它几乎无法扩展。我发现很难根据我的需要进行定制。EaselJS 开始有点难，但它也更高级。现在它是其他库集的一部分，统称为 CreateJS。那里似乎有很多发展。

1. Kinetic 和 Easel 都支持鼠标事件。我不记得了好吧，Kinetic 感应“onMouseOver”对于 Easel 来说很昂贵。此外，两个提到的库都允许对象操作。你可以找到这里 TweenJS 作为补充也很有用。
2. Kinetic 和 Easel 再次允许这样做。画架还支持 Sprite - 网页游戏开发者熟知的“动画图像”。
3. 我不确定 Kinetic，因为我还没有达到我的动画部分在我删除它之前的项目(库，而不是项目)。带画架速度很棘手。它实现了一些优化方法，例如例如对象缓存或 snapToPixel 标志。例子似乎运行真的很好。但是对于我使用 Easel 的项目，平滑度仍然是尽管在优化方面付出了很多努力，但还是一个问题。也许我误用了API或者还有更多优化的地方我没注意到。
4. 这两个库都很年轻，但似乎正在积极开发中。作者相当敏感。社区还是不大，但我猜猜 CreateJS 是一套更完整的游戏创建工具成长得更快。

如果要查这里是the project I mentioned .这是一个使用 EaselJS + TweenJS 制作的网页。不过仍然需要一些小的调整。