動畫文本遵循路徑

我想知道是否有人對是否有可能在頁面上放置一個具有路徑的畫布元素有任何意見，並沿着它製作一些文本並沿路徑彎曲並旋轉。動畫文本遵循路徑

我目前的想法是編寫一個公式，它決定了增量X步驟（所以如果它垂直移動，不要爲了避免突然跳躍而增加一個），使用它來獲得Y值，然後將公式計算該線的部分的當前漸變，並使用該漸變施加旋轉。

對此有何看法？

我想用它作爲在網站上顯示twitter feed的一種時髦方式，已經編寫了一個滾動它的庫，但這有點無聊。

2011-07-29 topherg

此外，在配方任何想法，以確定有多少增加X的將是巨大的：d – topherg

這也可能是在關係有助於'canvas'：HTTP：/ /simon.html5.org/dump/html5-canvas-cheat-sheet.html –

我相信這將是可能的，因爲你可以用canvas做的事情量很大，特別是在看到已經完成的事情之後。我建議看看this和this。我認爲最難的部分是確保文本實際上遵循路徑，因爲路徑和轉換都很容易。

2011-07-29 17:12:12

只需使用動畫和旋轉的div。

試着看this和this

2011-07-29 17:15:00 qwertymk

OR：http://stackoverflow.com/questions/8438830/move-a-div-in-a-curved-path-like-tweening -in閃光老天 – user956584

回答