0

我知道有 css 过渡，但我想在文本上应用过渡（而那件事不能在 css 中制作）。我想要一个自定义的过渡。

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

4

5 回答 5

1

当我使用一些视觉功能时，我需要将浮点数设置为表格单元格。不是原生设置，但有动画：0.1 .0.15.. 0.2... 0.3........ 1 间隔很短。闪烁。我像这样使用thomething：

 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 */)
于 2012-05-23T07:25:39.527 回答
1

您绝对应该在“数学：缓入，使用带有时间约束的 Hermite 曲线缓出位移”中看到。可能这个问题与您的问题有点不同，但是有一个很好的链接到“插值技巧”，这反过来可以为您阐明“轻松输入/输出”技术。该链接确实值得一看。

于 2012-05-23T07:46:44.537 回答
0

您可以在 css3 中进行文本转换，有关演示，请访问此处

于 2012-05-23T07:24:42.520 回答
0

可以使用 Jquery 的 animate() 来完成基本的转换；如果您想要更复杂的路径，我想这不会满足您的需求。

但是有一个类似的问题： jQuery中的复杂动画

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

于 2012-05-23T07:24:45.623 回答
0

我知道这是旧的，但是...尝试使用一些方程来计算运动中特定点的位置，使用简单的方程。这是我发现的一个可以轻松进出的

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;
};

this combined with the seInterval function can be very effective and gives you loads of control. just ask if you want more info...

于 2017-03-24T00:52:26.060 回答