Question

我知道有css转换，但我想在文本上应用转换（并且不能在css中创建该转换）。我想要一个自定义过渡。

你能给我一个绘制曲线的网站，它会给你js计算吗？（或类似的东西）

Answer 1

当我使用某些视觉特征时，我需要将浮点数设置为表格单元格。不是原生设置，但带动画：0.1 .0.15 .. 0.2 ... 0.3 ....................... 1，间隔时间短。闪烁。我用这样的东西：

 value = 150
 step = value / 50; // 50 iterations, use preffered for you    
 timer_id = setInterval(function()
 {
   next_iteration += step
   if (next_iteration >= value)
   {
     next_iteration = value
   }
   field.text(next_iteration)
   if (next_iteration >= value)
   {
     clearInterval(timer_id);
     return true
   }
 }, 0 /* zero or more, this is pause between iterations */)

Answer 2

你一定要看“Math: Ease In, ease Out a displacement using Hermite curve with time constraint”。可能这个问题与你的问题有点不同，但有一个很好的链接“Interpolation Tricks”，这反过来可能会为你澄清“Easy In / Out”技术。这个链接确实值得一看。

Answer 3

您可以在css3中进行文字转换，以便进行演示访问here

Answer 4

基本过渡可以使用Jquery的animate（）;如果你想要更复杂的路径，我想这不会满足你的需求。

但是有一个类似的问题： Complex animation in jQuery

参考： http://weepy.github.com/jquery.path/

Answer 5

我知道这已经过时了，但是......尝试使用一些方程式来计算运动中特定点的位置。这是我发现的立方缓解

的一个

Math.easeInOutCubic = function (t, b, c, d) {
    t /= d/2;
    if (t < 1) return c/2*t*t*t + b;
    t -= 2;
    return c/2*(t*t*t + 2) + b;
};

这与seInterval功能相结合可以非常有效并为您提供负载控制。只是问你是否想要更多信息...

JS使用setInterval进行转换

5 个答案: