Html5 canvas 制作交互式动画的最佳低级画布库？

我正在评估canvas库，我的需求是：

我想使它容易建立好看的按钮，移动 我可以轻松捕捉事件的周围和上面。按钮图 帮手会很酷的

我将构建一个系统，供其他人用于创建动画 结合移动测试、图像和声音的场景。我永远不会 我自己画复杂的形状，我可能画的最多的是 一些文本周围的按钮

我不想与低级机械完全隔绝 每帧图形回调的。当然了，但是 我将与网络音频API同步，并希望 访问超紧定时控制

我对相当低级别的动画脚本非常满意，我不希望它是一种将画布改变为某种形式的东西 完全不同的范式，但不确定这一点

需要在iOs上运行良好

理想情况下，我希望使用一个具有良好文档和高卡车编号的。Canvas libs的状态让我想起了JS libs的状态 10年前，我宁愿不投资那些不值得投资的东西 有一个真正的“团队”支持它。卡车号码==1让我担心

我会在#1:

漂亮的按钮：

动手…使用Adobe Illustrator创建一组按钮矢量图像（.svg）

如果您需要在运行时对按钮设计进行低级别控制，请使用Mike Swanson提供的这个很棒的插件将Illustrator图像转换为画布绘制命令：

这里的关键是canvas将为您缩放vector按钮，因此无论是在小型移动屏幕上还是在大型桌面屏幕上，您都能获得专业、精致的外观

您可以使用画布从头开始构建按钮的每个部分，但不要重新发明轮子

一个好的动画库是Greensock。它还可以帮助你建立时间线（有点像Flash时间线）

至于canvas库，请查看Stackoverflow的姊妹网站，该网站提供软件建议：

---

祝你的项目好运

您标记了KineticJS，所以我可以说一点这是如何工作的

1） 这是一个很好的工具，用于跟踪画布上的形状、捕获点击并移动它们。在任何形状上放置图像都很容易，但我会使用另一个程序来制作这些图像

2） 即使你除了按钮没有做很多事情，KineticJS也提供了一些很好的功能来操作画布，我相信你会在为其他人制作工具时使用它们

3） KineticJS提供了一个动画对象，可以为您重复调用draw（）方法。定义绘制方法以创建动画

4） 它更像是画布上的包装。您可以使用舞台和层，但是画布本身仍然有很多透明度，并且您也可以随时进行直接操纵

5） 您可以捕获范围广泛的事件，包括“触摸”、“点击”等。如果需要，可以在适当的时候以相同的方式或不同的方式处理它们。此外，您可以简单地将形状标记为“可拖动”，并且它可以适当地处理所有这些

---

6） Kinetic有大量的文档和示例，但现在来看，教程似乎从中缺失，我在其他地方找不到。这有点令人担忧，但文档仍然存在，我猜它们很快就会恢复，因为KineticJS仍在积极开发中。

感谢您的输入。你会说如果我只是在画布上寻找一个薄的单板，那么动能是一个不错的选择吗？这就是我使用它的原因，我认为它给了我一个易于使用和更深入控制的良好平衡。我现在正在为它构建一些C++包装，这让我学到了更多关于GUTS的知识，这是我印象深刻的。谢谢，我会研究SVG技术和GrimeSKOK。