我想使用JavaScript和Canvas绘制“移动”线条。基本上,我有一个我想绘制的bezier曲线,但不是一次性绘制曲线,我想绘制一段曲线随着时间的推移,看起来它正在增长。一个更好的解释可能是:我希望该行开始到原点,然后随着时间的推移移动到目标点。实现这一目标的最佳方法是什么?
答案 0 :(得分:2)
我创建了一个名为jCurvy的jQuery插件,允许您沿着贝塞尔曲线放置元素。您可以使用jCurvy以及fadeIn方法和回调来执行您所说的内容。看看我在这里设置的示例:
如果您最终走上这条路线并遇到任何问题,请告诉我。我很确定你是第一批使用这个插件的人之一,所以我会喜欢一些反馈。
答案 1 :(得分:1)
我一直在寻找一种方法来做同样的事情,并找到jQuery Tween and jQuery Curve插件,在这里描述和演示: http://heygrady.com/blog/2011/07/20/animating-with-curves-in-jquery/
答案 2 :(得分:-1)
使用setTimeout或setInterval。您还可以使用动画功能