【问题标题】:Animated Snap.SVG Easing not working动画 Snap.SVG 缓动不起作用
【发布时间】:2016-08-31 04:26:27
【问题描述】:

SVG 来为一些东西设置动画,而缓动似乎不起作用。

我可以使用“bounce”缓动,它工作正常,但“easeinout”什么也不做,它与“linear”完全一样。

有没有人遇到过一个可以工作而另一个不能工作的情况?我的代码示例如下:

whiteCircle.animate({transform: "t250,0,s0,s0"}, 1000, mina.easeinout);

whiteCircle.animate({transform: "t250,0,s0,s0"}, 1000, mina.bounce);

感谢任何帮助!

【问题讨论】:

  • 您能否向我们展示其余代码(作为显示问题的最小测试示例),最好是在 jsfiddle 或 jsbin 上?上面的代码看起来没问题,所以想知道问题是否出在其他地方。
  • 这确实有效!我认为因为我将事情移动得相当远且很快,所以easeinout 不像我所做的这个测试那样明显,这可能是我的问题......jsfiddle.net/uu1s04f7

标签: svg jquery-animate snap.svg jquery-svg


【解决方案1】:

我的问题是我在实际代码中使用带有大写字母的“easeInOut”而不是“easeinout”,这也无济于事,因为我在很长的距离内快速移动物体,因此效果减弱了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-06-25
    • 2016-03-23
    • 1970-01-01
    • 2016-08-24
    • 1970-01-01
    • 1970-01-01
    • 2013-12-10
    相关资源
    最近更新 更多