Paper.js VS EaselJS VS Fabric.js vs KineticJS

Posted 2021-04-18

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

大家好我是html5画布开发的新手，我在选择画布框架时迷失了方向。有这么多我无法找到使用的东西。所以我来了！我希望你的帮助可以选择哪一个更符合我的需求。有我的需求

1）我想框架使用矢量图形，我知道画布不是DOM，我真的不关心它，但我的意思是我想在创建后操纵对象，PaperJS有这个功能我不知道其他。如果有高级鼠标事件可用，那就更好了。

2）我想使用图像框架，我将加载图像并用画布动画它们，移动，动画一些颜色......

3）我希望框架因我的需要而快速（图像动画应该是平滑的）

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

那么你认为哪一个对我更好？如果你能从我的清单上写下每个框架的优点和缺点，请

答案

HTML5 canvas仍然是非常新鲜的环境。你可以得到很多已经有的工具，但它们往往很不成熟。

我的回答只会涵盖你的部分问题，因为我只使用了KineticJS和EaselJS。你可以从阅读this page的意见开始（我的是底部的最后一个）。

简言之，KineticJS的进入门槛较低。它是简单的绘图库，也支持鼠标事件。当我试图使用它时，几乎无法扩展。我发现很难根据我的需求进行定制。 EaselJS有点难以开始，但它也更先进。现在它是其他libs的一部分，它们一起被称为CreateJS。似乎很多发展都在那里。

1. Kinetic和Easel都支持鼠标事件。我不太清楚Kinetic，感觉'onMouseOver'虽然与Easel很相似。两个提到的libs都允许对象操作。你可以在这里找到TweenJS也很有用。
2. 同样，Kinetic和Easel都允许这样做。 Easel也支持精灵 - “动画图像”以网页游戏开发者而闻名。
3. 我不确定Kinetic，因为在我删除之前我没有达到项目的动画部分（lib，而不是项目）。使用画架速度很棘手。它实现了一些优化方法，例如对象缓存或snapToPixel标志。示例似乎运行得很好。然而，对于我使用Easel平滑度的项目仍然是一个问题，尽管在优化中付出了相当多的努力。也许我误用了API，或者仍然有更多优化的地方，我没有注意到。
4. 这两个库都很年轻，但似乎是积极开发的。作者反应灵敏。社区仍然不大，但我猜CreateJS作为创建游戏的更完整的工具集将增长得更快。

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