有没有办法在javascript中做补间形状？ 使用画布可能......
答案 0 :(得分：7)
Flash中的补间形状比动态补间和简单属性插值更难找到（如JSTweener，Tween.lib，JQuery的animate（），d3的transition（），RaphaelJS的animate（）等）。其他答案中引用的那些库并没有形成补间。
您首先需要知道是否要使用SVG或使用画布绘制以及您将使用的库。然后，您需要一个插值器，一个计算两个给定形状之间转换的函数，可以在SVG或画布中编写正确的路径。我在D3.js中为SVG编写了一个实现，用于在许多不同形状之间进行一些动画过渡（使用Gielis的superformula），如果有人仍然需要一个。您可以找到示例here
答案 1 :(得分：4)
如果要在HTML 5 canvas元素上进行图形处理，则可能需要检查Processing.js库。有一个tweening library，但您可能会觉得它很有帮助for many other things。
Processing.js使用JavaScript绘制 形状和操纵图像 HTML 5 Canvas元素。代码是 重量轻，简单易学 是可视化的理想工具 数据，创建用户界面和 开发基于网络的游戏。
对于补间，您可能需要查看以下内容：
答案 2 :(得分：2)
这里的一些动画示例结合了使用RaphaelJS的动态补间形状。看看底部的那些： http://raphaeljs.com/animation.html
答案 3 :(得分：1)
对于Javascript中的补间，请使用http://coderepos.org/share/wiki/JSTweener
答案 4 :(得分：1)
我使用tween.js（http://learningthreejs.com/）这是一个很好的补充任何东西的库。如果您已经使用过jQuery，我还建议您查看它的动画功能。