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