Javascript 绘制移动线/曲线的最佳方法是什么?

Javascript 绘制移动线/曲线的最佳方法是什么?,javascript,jquery,canvas,Javascript,Jquery,Canvas,我想使用JavaScript和画布绘制“移动”线。基本上,我想画一条贝塞尔曲线,但不是一次画完曲线,我想画一段一段的曲线,让它看起来像是在增长。更好的解释可能是:我希望线从原点开始,然后随着时间推移移动到目标点。实现这一点的最佳方法是什么?使用setTimeout或setInterval。您还可以使用动画功能我创建了一个名为jQuery的插件,它允许您沿贝塞尔曲线放置元素。您可以使用jCurvy、fadeIn方法和回调来完成您所说的工作。请看我在此处设置的示例: 如果你最终走这条路线,遇到任何

我想使用JavaScript和画布绘制“移动”线。基本上,我想画一条贝塞尔曲线,但不是一次画完曲线,我想画一段一段的曲线,让它看起来像是在增长。更好的解释可能是:我希望线从原点开始,然后随着时间推移移动到目标点。实现这一点的最佳方法是什么?

使用setTimeout或setInterval。您还可以使用动画功能

我创建了一个名为jQuery的插件,它允许您沿贝塞尔曲线放置元素。您可以使用jCurvy、fadeIn方法和回调来完成您所说的工作。请看我在此处设置的示例:


如果你最终走这条路线,遇到任何问题,请告诉我。我很肯定你会是最早使用该插件的人之一,因此我希望得到一些反馈。

我正在寻找一种方法来做同样的事情,并找到了插件,在这里进行了描述和演示:
一系列
setTimeout()
s或
setInterval()
?到目前为止你得到了什么?(建议对现有代码进行一些更改比从头开始更容易。)根据您的情况,一个可能不可靠的解决方案可能是在实心不透明块元素后面绘制曲线,然后滑动或盲置覆盖元素以显示曲线。我甚至不确定我是否会最终得到这样的解决方案,但这是一种选择。