画一条移动的线/曲线的最好方法是什么?

What is the best way to draw a moving line/curve?

本文关键字:方法 是什么 一条 移动 曲线      更新时间:2023-09-26

我想使用JavaScript和Canvas绘制"移动"线。基本上,我想画一条贝塞尔曲线,但不是一次画出所有的曲线,我想画出随时间变化的曲线,这样它看起来就像在增长。一个更好的解释可能是:我希望这条线从原点开始,然后随着时间移动到终点。实现这一目标的最佳方式是什么?

我创建了一个名为jCurvy的jQuery插件,它允许您沿着贝塞尔曲线放置元素。您可以使用jCurvy以及fadeIn方法和回调来做您正在谈论的事情。看一下我在这里设置的示例:

http://jsfiddle.net/pFZss/2/

如果你最终走这条路,你遇到任何问题,请告诉我。我很确定你会是第一个使用这个插件的人,所以我想要一些反馈。

我正在寻找一种方法来做同样的事情,并找到了jQuery渐变和jQuery曲线插件,描述和演示如下:http://heygrady.com/blog/2011/07/20/animating-with-curves-in-jquery/

使用setTimeout或setInterval。你也可以使用动画函数