[svg实现曲线卡通片相关][animate标签使用]

[svg实现曲线动画相关][animate标签使用]
是这样的，LZ想实现一个类似于http://bl.ocks.org/mbostock/4060954 这样的一个demo，其中曲线绘制LZ通过插值后绘制svg的path得到，但是demo中的update(即d3中的tranlate()方法) LZ不知道应该如何实现……LZ目前只会用animate标签完成一次从一个状态到另一个状态的有动画的更新，那第二次更新应该怎么做呢……如果再插入一个animate的话会中间不会出现动画，而是直接变成第二次更新完成后的曲线……


------解决思路----------------------
d3里面的动画是通过 transition方法来设置，该方法支持在两种状态之间动画切换，就想demo里面的update按钮一样，不过多状态的貌似没有定义，反正个多状态切换我直接重画的，没有动画效果
------解决思路----------------------
第二次更新，，在现有状态上，让animate走回初始状态就好了。。。。例如进入时候Height=300,第一次动画设置Height=50,第二次动画就设置Height=300就可以了。。