繪製移動線條/曲線的最佳方式是什麼？

Question

我想使用JavaScript和Canvas繪製「移動」線條。基本上，我有一條我想繪製的貝塞爾曲線，但是不是一次繪製曲線，而是隨着時間的推移畫出一條曲線，看起來它正在增長。更好的解釋可能是：我希望線條開始到原點，然後隨着時間的推移移動到目標點。達到此目的的最佳方法是什麼？

Answer 1

我一直在尋找一種方式做同樣的事情，並找到了jQuery Tween and jQuery Curve插件，此處描述和演示了： http://heygrady.com/blog/2011/07/20/animating-with-curves-in-jquery/

Answer 2

使用setTimeout或setInterval。您還可以使用動畫功能

Answer 3

我創建了一個叫做jCurvy的jQuery插件，它允許您沿着貝塞爾曲線放置元素。您可以使用jCurvy以及fadeIn方法和回調來執行您正在談論的內容。在例子中，我設置看看這裏：

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

如果最終走這條路，你遇到任何問題，請讓我知道。我敢肯定你會成爲第一批使用該插件的人，所以我很樂意提供一些反饋。